我的问题是:一旦我将使用JQuery的JSON对象提交给使用JSON解析器(属于模块body-parser)的express应用,并尝试响应它,无论是res.send还是res.render,它什么都不做。我尝试将html作为html响应直接输出回客户端。
另一方面,在我网站的同一页面上,我尝试使用常规的正文解析器,并且响应正常。
这是我的JSON侦听器:

controller.js:

var express = require('express');
var app = express();

var bodyParser = require('body-parser');
var jsonParser = bodyParser.json();
var urlencodedParser = bodyParser.urlencoded({ extended:
false });

app.post('/video', jsonParser, function(req, res) {
res.send("hi"); //nothing happens

console.log(req.body.time); //works, i get the data
console.log(req.body.src); //works, i get the data
});

提交给它的表格:

index.html
...mywebsite code, uses jquery
fu();

function fu(){
    var vid = document.getElementById("vid");
    var time = vid.currentTime;
    var src = vid.currentSrc;
    $.ajax({
        type: "POST",
        url: "/video",
        data: JSON.stringify({time: time, src: src  }), //the data is parsed fine
        dataType: 'json',
        contentType: 'application/json'
    });

    //alert("current time: " + time);
};

现在,我尝试了一个带有正文解析器的简单表单,它在完全相同的网站上运行良好(我将其放在此处只是看它是否可以工作):

controller.js
 var express = require('express');
var app = express();

var bodyParser = require('body-parser');
var jsonParser = bodyParser.json();
var urlencodedParser = bodyParser.urlencoded({ extended:
false });

app.post('/person', urlencodedParser, function(req, res){
    res.send('Thanks!');
    console.log(req.body.firstname);
    console.log(req.body.lastname);
});

人员表格:
      <form method="POST" action="/person">
        Firstname: <input type ="text" id="firstname"
        name="firstname"><br>
        Lastname: <input type ="text" id="lastname"
        name="lastname">
        <input type="submit" value="sumbit">
    </form>

最佳答案

您需要在$.ajax请求之后在客户端中处理响应。设置done函数来处理成功回调:

$.ajax({
        type: "POST",
        url: "/video",
        data: {time: time, src: src  },
        dataType: 'json',
        contentType: 'application/json'
    })
    .done(function( data, status, xhttp) {
         // put the data in the DOM
         document.getElementById("hi").text(data);
    });

10-07 19:48
查看更多