Node.js - formu gönderin

Question

node.js'yi kullanıyorum ve ifade ediyorum. Düğmeye (btnSend) bastığımda, node.js'ye (sayfa yenilemeden) veriyi express'e göndermek istiyorum. Verileri nasıl gönderirim? Jquery kullanma?

Lütfen

Yardım edin.

Tavsiye için teşekkürler.

$("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 
    ); 
}); 

Bu kod pasajı sayfadaki tüm form öğeleri bulur ve onlardan bir gönderme olayını dinler:

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

Answer 1

İşte jQuery gibi görünmelidir ne bir taslaktır var. Bir form çeşitli şekillerde gönderilebilir (bir gönderme düğmesine tıklamak, enter tuşuna basmak vb.), Bu yüzden kullanılabilirlik açısından, gönder düğmelerinde tıklama etkinliklerini dinlemeye doğrudan karşıdaki olayları dinlemek en iyisidir .

Gönderme olayı meydana geldiğinde, yukarıdaki kod ilk olarak e.preventDefault numaralı telefonu arayarak varsayılan tarayıcı eylemlerinin (diğerlerinin yanı sıra sayfayı yeniler) engeller. Daha sonra form verisini action niteliğinde belirtilen URL'ye göndermek için $.post kullanır. Form verisini standart biçimde serileştirmek için $.fn.serialize kullanıldığını unutmayın.

Sizin ekspres kodu şöyle görünmelidir: express.bodyParser üzerine

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); 

belgelerine biraz seyrek, ama kapakları altına node-querystring kullanır gibi code spelunking biraz sonra görünüyor.

Bu yardımcı olur umarız!