这篇博客探讨了一次前端使用jQuery进行Ajax交互，向Node.js服务器发送POST请求时遇到的问题。当用户未输入完整信息时，前端弹窗提示；否则，尝试通过Ajax发送数据到localhost:3000。然而，服务器端接收到数据后，只进行了简单的数据拼接，并未正确处理请求，导致页面显示为空白。问题可能出在服务器对请求数据的解析和响应上。
index.html的代码为(页面上有两个输入框和一个按钮)：
$("input[type=button]").on("click",function() {
if ( $username=="" || $password=="" ) {
alert("请输入完整！");
} else {
$.ajax({
type: "POST",
url: "http://localhost:3000",
data: {
user: $username,
pwd: $password
},
success: function(data) {
var data=JSON.parse(data);
console.log(data);
},
error: function() {
alert("出错啦！");
}
})
}
})
server.js的代码是：
var http=require('http');
var querystring=require('querystring');
http.createServer(function(req, res) {
var data="";
req.on("data", function(chunk) {
data+=chunk;
})
req.on("end", function() {
data=querystring.stringify(data);
res.end(data);
})
}).listen(3000, function() {
console.log("Starting to listen on port 3000");
})
启动服务器后，页面上啥都没有，一篇空白。。。扎心了
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
