如何将数据从JQuery AJAX请求发送到Node.js服务器

我想做的事:
只需发送一些数据(例如json)到一个node.js http服务器,使用jquery ajax请求

出于某种原因,我不能设法获取服务器上的数据,因为它永远不会触发请求的“数据”事件。

客户代码:

$.ajax({ url: server, dataType: "jsonp", data: '{"data": "TEST"}', jsonpCallback: 'callback', success: function (data) { var ret = jQuery.parseJSON(data); $('#lblResponse').html(ret.msg); }, error: function (xhr, status, error) { console.log('Error: ' + error.message); $('#lblResponse').html('Error connecting to the server.'); } }); 

服务器代码:

 var http = require('http'); http.createServer(function (req, res) { console.log('Request received'); res.writeHead(200, { 'Content-Type': 'text/plain' }); req.on('data', function (chunk) { console.log('GOT DATA!'); }); res.end('callback(\'{\"msg\": \"OK\"}\')'); }).listen(8080, '192.168.0.143'); console.log('Server running at http://192.168.0.143:8080/'); 

正如我所说,它永远不会进入请求的“数据”事件。

注释:
1.logging“请求已收到”消息;
2.回复很好,能够在客户端处理数据;

任何帮助? 我错过了什么?

谢谢大家。

编辑:
根据回答评论代码的最终版本:

客户代码:

 $.ajax({ type: 'POST' // added, url: server, data: '{"data": "TEST"}', //dataType: 'jsonp' - removed //jsonpCallback: 'callback' - removed success: function (data) { var ret = jQuery.parseJSON(data); $('#lblResponse').html(ret.msg); }, error: function (xhr, status, error) { console.log('Error: ' + error.message); $('#lblResponse').html('Error connecting to the server.'); } }); 

服务器代码:

 var http = require('http'); http.createServer(function (req, res) { console.log('Request received'); res.writeHead(200, { 'Content-Type': 'text/plain', 'Access-Control-Allow-Origin': '*' // implementation of CORS }); req.on('data', function (chunk) { console.log('GOT DATA!'); }); res.end('{"msg": "OK"}'); // removed the 'callback' stuff }).listen(8080, '192.168.0.143'); console.log('Server running at http://192.168.0.143:8080/'); 

由于我想允许跨域请求,我添加了一个CORS的实现。

谢谢!

       

网上收集的解决方案 "如何将数据从JQuery AJAX请求发送到Node.js服务器"

为了让'data'事件在node.js服务器端触发,你必须POST数据。 也就是说,'data'事件只响应POST数据。 指定'jsonp'作为数据格式强制GET请求,因为jsonp在jquery文档中定义为:

“jsonp”:使用JSONP加载JSON块。 添加额外的“?callback =?” 到您的URL的末尾来指定callback

以下是您如何修改客户端以启动您的数据事件。

客户:

 <html> <head> <script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"></script> </head> <body> response here: <p id="lblResponse">fill me in</p> <script type="text/javascript"> $(document).ready(function() { $.ajax({ url: 'http://192.168.0.143:8080', // dataType: "jsonp", data: '{"data": "TEST"}', type: 'POST', jsonpCallback: 'callback', // this is not relevant to the POST anymore success: function (data) { var ret = jQuery.parseJSON(data); $('#lblResponse').html(ret.msg); console.log('Success: ') }, error: function (xhr, status, error) { console.log('Error: ' + error.message); $('#lblResponse').html('Error connecting to the server.'); }, }); }); </script> </body> </html> 

一些有用的线路可以帮助您debugging服务器端:

服务器:

 var http = require('http'); var util = require('util') http.createServer(function (req, res) { console.log('Request received: '); util.log(util.inspect(req)) // this line helps you inspect the request so you can see whether the data is in the url (GET) or the req body (POST) util.log('Request recieved: \nmethod: ' + req.method + '\nurl: ' + req.url) // this line logs just the method and url res.writeHead(200, { 'Content-Type': 'text/plain' }); req.on('data', function (chunk) { console.log('GOT DATA!'); }); res.end('callback(\'{\"msg\": \"OK\"}\')'); }).listen(8080); console.log('Server running on port 8080'); 

在节点端的数据事件的目的是build立正文 – 每一个http请求触发多次,为它接收到的每个数据块一次。 这是node.js的asynchronous性质 – 服务器在接收数据块之间做其他工作。