表達無法從客戶端正確獲取json數據

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已經序列化數據，因此，如果您已經將dataType設置為'json'，則不必使用JSON.stringify 。

嘗試將數據作為普通對象發送。

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>

注意：要安裝查詢字符串，可以運行命令npm install querystring --save
不要忘記在您的html中包含jquery.js和ajax lib。

Answer 3

通過使用console.log('values',document.forms["token"])表達式來檢查document.forms["token"]包含name和password 。

如果有值，

然后調用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"); });