从发布请求获得回复

时间:2017-03-08 17:42:42

标签: javascript ajax node.js express

我尝试使用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, 但无论我尝试在客户端发出警报都不会爆发。

(我的目标是得到一个空的回复 - 只有状态代码,没有身体, 但没有任何作用)

2 个答案:

答案 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);
           }
        });    
    });
});

这会弹出一个包含您数据的提醒。