Question

这是我的客户端ajax代码：

var sendData = JSON.stringify({
        name: document.forms["token"].name.value,
        password:document.forms["token"].password.value
    });
$.ajax({
    url:'http://localhost:8088/log/',
    type:'POST',
    contentType:'application/json',
    data: sendData,
    dataType:"json"
})

这是我的节点服务器代码：

const http = require('http');
const express = require("express");
const jwt = require('jwt-simple');
const moment = require('moment');
const bodyParser = require('body-parser');

const app = express();
app.use(bodyParser.json());
var expires = moment().add(7,'days').valueOf();
var token;
app.set("jwtTokenSecret","luo");

app.use(bodyParser.urlencoded({ extended: false }));
app.all("/log",function(req,res){
    var name = req.body.name;
    var password = req.body.password;
    console.log(name,password)
    ...
}

我发现节点服务器中的名称和密码都是未定义的，客户端上的json数据是正确的。我已经尝试了很多来解决它，但我不能，我需要你的帮助，谢谢。

Answer 1

$.ajax已经将数据序列化，因此，如果您已将JSON.stringify设置为'json'，则无需使用dataType。

尝试将数据作为普通对象发送。

Answer 2

在我的情况下，我做了类似这样的ajax调用。

从客户端进行ajax调用：

function _sendData(){
  var host= 'localhost'; //or you can set your host by your choice. 

  $.post(host+'/post',$('#horizontalForm').serialize(),function(response){

    // respose
  });

}

从下面给出的node.js服务器端代码

var qs = require('querystring');
app.post('/post',function(req,res){

        if(req.method=='POST'){
            var body='';
            req.on('data',function(data){
                body+=data;
                console.log("before proccess = "+body);
                if (body.length > 1e6) {
                // FLOOD ATTACK OR FAULTY CLIENT, NUKE REQUEST
                request.connection.destroy();
            }
            })

            req.on('end',function(){
                var post = qs.parse(body);
                console.log(post.user);
                console.log(post.message);



            })
        }

})

和HTML部分一样，

<form method="POST" action="/post" id="horizontalForm">
  <p class="lead">

    <input type="text" name="user" value="testUser" id="userId"/>

    <div>
    <input type="text"  name="message" id="messageId"/>
    <input type="button" value="Send" class="btn btn-lg btn-default" id="getData" onclick="_sendData();"/>
    </div>
  </p>
</form>

N.B：要安装查询字符串，您可以运行命令npm install querystring --save
不要忘记在您的HTML中添加jquery.js和ajax lib。

Answer 3

使用document.forms["token"]表达式检查name包含password和console.log('values',document.forms["token"])。

如果有值，

然后拨打api，

var sendData = {
    name: document.forms["token"].name.value,
    password: document.forms["token"].password.value
};

var saveData = $.ajax({
    url: 'http://localhost:8088/log/',
    type: 'POST',
    contentType: 'application/json',
    data: sendData,
    dataType: "text",
    success: function(resultData) { alert("Save Complete") }
});
saveData.error(function() { alert("Something went wrong"); });

express无法从客户端正确获取json数据

3 个答案: