从发布请求中获得响应

Question

我正在尝试使用 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，但是无论我在客户端尝试过什么，警报都不会弹出。

（我的目标是得到一个空的响应——只有状态码，没有正文，但没有任何作用）

Answer 1

您已经在后端定义了一个服务器，但您还没有启动它。 在此处查看 express 网站上的示例代码，了解如何启动您的服务器。

TL;DR - 尝试将以下内容添加到服务器文件的底部：

app.listen(3000, function () {
  console.log('Example app listening on port 3000!')
})

Answer 2

这是一个简单的例子，我认为应该可以帮助你。

首先npm install body-parser

在您的服务器上使用 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);
           }
        });    
    });
});

这将弹出有关您的数据的警报。