将请求数据发布到节点中的 json

Question

我正在发送一个简单的 ajax-jQuery 发布请求：

$('#postButton').click (function () {
        var empInfo = $('#empForm').serialize();
        var empData = JSON.stringify(empInfo,null,2);

    $.ajax({
          type: 'POST',
          dataType: 'JSON',
          url: 'http://localhost:3000/post',
          data: empData, // check how to stringfy to json and send() .
          success: function(serverData){
              $('.thankU').html(serverData);
          }
        });

我已经尝试了所有我知道的方法来在节点服务器上将数据转换为 json 格式：

app.post('/post', function(req, res){

    // get query params as object
    req.on('data', function(chunk) {
        console.log("Received body data:");
        console.log(chunk.toString());
        console.log(JSON.parse(chunk) );
        console.log(qs.parse(chunk) );
        console.log(JSON.stringify(chunk));
    });
});

结果是：

Received body data:
"bname=jjj&burl=jfjfj.com&bEmail=ff&bPhone=0608584884&fieldSelected=webPro"
bname=jjj&burl=jfjfj.com&bEmail=ff&bPhone=0608584884&fieldSelected=webPro

而不是它出现在开发者工具\网络中的方式：

"bname:jjj
burl:jfjfj.com
bEmail:ff
bPhone:0608584884
fieldSelected:webPro"

Answer 1

jquery serialize method 从以下形式创建一个编码字符串：http://api.jquery.com/serialize/

要获取 json 对象，请尝试使用 serializeArray http://api.jquery.com/serializeArray/ 代替。 或者手动创建您的 json 对象并读取每个表单元素的 $().val() 值...

您的其他代码看起来不错，您必须对对象进行字符串化并将其发布到服务器。

Answer 2

尝试改变

dataType: 'JSON',

到：

dataType: 'json',