我的问题是:一旦我将使用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);
});