Question

使用Ajax，我只是尝试将Json数据发送到节点服务器，没有处理只涉及发送时的警报，并在收到时发出警报：

这是我的html5：带有onclick函数的简单按钮，用于触发函数使用ajax调用

<!DOCTYPE HTML>
<html>
    <head>
        <script>
            function send()
            {
                //alert("Hello World");
                $.ajax
                ({
                    type: "post",
                    url: "http://localhost:8000", 
                    dataType: "json",
                    contentType: "application/json; charset=UTF-8",
                    data:  JSON.stringify({name: "Dennis", address: {city: "Dub", country: "IE"}})
                }).done(function ( data ) {alert("ajax callback response:" + data);
            });
        </script>
    </head>
    <body>
        <button onclick="send()">Click Me!</button>
    </body>
</html>

这是我的节点服务器的一部分：用于创建服务器并侦听某些操作

var port = 8000;
var server = http.createServer();
server.on('request', request);
server.listen(port);

function request(request, response) 
{
    var store = '';
    response.writeHead(200, {"Content-Type": "text/json"});
    request.on('data', function(data) 
    {
        store += data;
    });
    request.on('end', function() 
    {
       store = JSON.parse(store);
        console.log(store); 
        response.end(store);
    });
}

没有发出警报，所以我认为ajax不会尝试发送信息。

Answer 1

在服务器端试试这个：

var port = 8000;
var http = require("http");
var server = http.createServer();
server.on('request', request);
server.listen(port);
function request(request, response) {
    var store = '';

    request.on('data', function(data) 
    {
        store += data;
    });
    request.on('end', function() 
    {  console.log(store);
        response.setHeader("Content-Type", "text/json");
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.end(store)
    });
 }

这在客户端：

$.ajax
({
  type: "POST",
  url: "http://localhost:8000",
  crossDomain:true, 
  dataType: "json",
  data:JSON.stringify({name: "Dennis", address: {city: "Dub", country: "IE"}})
 }).done(function ( data ) {
      alert("ajax callback response:"+JSON.stringify(data));
   })

希望这适合你

Answer 2

您不能将response.write()或response.end()与普通的javascript对象一起使用，您只能编写缓冲区或字符串。

所以你需要做的是首先对对象进行字符串化。首先将response.end(store);更改为response.end(JSON.stringify(store));或不更改store = JSON.parse(store);（除非您这样做是为了验证JSON - 如果是这种情况，则应将其包装在try-catch因为JSON.parse()会抛出解析错误。）

Node.js，Ajax发送和接收Json

2 个答案: