我尝试使用POST jQuery AJAX进行简单的登录模式, 但是我没有收到服务器的任何回复
客户端:
$(document).ready(function(){
$("#loginReq").click(function(){
$.post("/login",
{
uname: document.getElementById("username").value,
psw: document.getElementById("password").value
},
function(data, status, jqXHR) {
alert("Data: " + data + "\nStatus: " + status);
});
});
});
服务器:
app.post('/login', function (req, res) {
var username = req.body.uname;
var password = req.body.psw;
var i;
for (i=0; i < users.length; i++)
if (username == users[i].username && password == users[i].password)
{
console.log('found');
//res.send('OK');
//res.sendStatus(200);
res.status(200).send('OK');
break;
}
if (i == users.length)
{
console.log('not found');
res.sendStatus(300);
}
console.log('end of listener');
});
我已经尝试过res.sent,res.end,res.statusCode,res.status.send, 但无论我尝试在客户端发出警报都不会爆发。
(我的目标是得到一个空的回复 - 只有状态代码,没有身体, 但没有任何作用)
答案 0 :(得分:0)
您已在后端定义了服务器,但尚未启动它。查看快递网站here上的示例代码,了解如何启动服务器。
TL; DR - 尝试将以下内容添加到服务器文件的底部:
app.listen(3000, function () {
console.log('Example app listening on port 3000!')
})
答案 1 :(得分:0)
这是一个简单的例子,应该对我有所帮助。
首先npm install body-parser
在您的服务器上使用正文解析器中间件:
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.post('/login', (req, res)=> {
res.send(JSON.stringify(req.body));
});
在您的jQuery文件中阻止表单提交 - 请注意loginReq
是表单上的ID:
$(document).ready(function(){
$('#loginReq').submit(function(e) {
e.preventDefault();
$.ajax({
url: '/login',
type: 'POST',
cache: false,
data: {"username": document.getElementById("username").value},
success: function(data){
alert(data);
}
, error: function(jqXHR, textStatus, err){
alert('error ' + err);
}
});
});
});
这会弹出一个包含您数据的提醒。