Node.js - gửi biểu mẫu

Question

Tôi sử dụng node.js và express. Khi tôi nhấn nút (btnSend), tôi muốn gửi dữ liệu đến node.js bằng cách thể hiện (không làm mới trang). Làm cách nào để gửi dữ liệu? Sử dụng jquery?

Vui lòng trợ giúp.

Cảm ơn lời khuyên.

<form action="/Send" method="post"> 
Username: 
<input type="text" name="user" id="txtUser" /> 
<input type="submit" value="Submit" id="btnSend" /> 
</form> 

Answer 1

Dưới đây là một phác thảo sơ bộ những gì jQuery của bạn sẽ giống như thế:

$("form").submit(function(e) { 
    e.preventDefault(); // Prevents the page from refreshing 
    var $this = $(this); // `this` refers to the current form element 
    $.post(
     $this.attr("action"), // Gets the URL to sent the post to 
     $this.serialize(), // Serializes form data in standard format 
     function(data) { /** code to handle response **/ }, 
     "json" // The format the response should be in 
    ); 
}); 

Đoạn mã này tìm tất cả các yếu tố hình thức trên trang và lắng nghe cho một sự kiện nộp từ họ. Biểu mẫu có thể được gửi theo một số cách (ví dụ: nhấn vào nút gửi, nhấn enter, v.v.), vì vậy, vì lợi ích của khả năng sử dụng, tốt nhất là lắng nghe các sự kiện gửi trực tiếp trái ngược với việc nghe các phím bấm sự kiện trên các nút gửi .

Khi sự kiện gửi xảy ra, mã ở trên trước tiên ngăn các hành động trình duyệt mặc định (trong số những thứ khác làm mới trang) bằng cách gọi e.preventDefault. Sau đó, nó sử dụng $.post để gửi dữ liệu biểu mẫu tới url được chỉ định trong thuộc tính hành động. Lưu ý rằng $.fn.serialize được sử dụng để tuần tự hóa dữ liệu biểu mẫu ở định dạng chuẩn.

đang nhanh bạn nên tìm một cái gì đó như thế này:

var express = require('express') 
    , app = express.createServer(); 

app.use(express.bodyParser()); // Automatically parses form data 

app.post('/Send', function(req, res){ // Specifies which URL to listen for 
    // req.body -- contains form data 
}); 

app.listen(3000); 

Các tài liệu trên express.bodyParser là một chút thưa thớt, nhưng sau một chút code spelunking nó trông giống như nó sử dụng node-querystring bên dưới lớp chăn.

Hy vọng điều này sẽ hữu ích!