接收来自 AJAX POST 请求的响应

Question

如何才能收到我的 AJAX POST 请求对 URL 的响应？

这是我的代码：

<script>
    var form = document.getElementById('login-form');
    form.onsubmit = function (e) {
        e.preventDefault();
        var user = form.email.value;
        var pass = form.pass.value;
        console.log(user);
        console.log(pass);
        $.ajax({
            type: "POST",
            url: "http://localhost:5000/auth/login",
            data: {
                username: user,
                password: pass
            },
            success: function(result) {
                alert('msg');
            },
            error: function(result) {
                alert('msg');
            }
        });
        form.reset();
    };
</script>

我在用户提交表单时获取用户名和密码，该表单向 URL 发送 POST 请求。

如果 POST 请求成功（即，如果服务器收到请求），它将发送 JSON 和 "login success" 消息。

我什至无法显示此响应消息，因为在我提交表单后没有显示任何内容。

Answer 1

尝试将成功添加到您的 ajax 请求中。

success: function (msg) {
  console.log(msg)
}

Answer 2

在提醒响应之前使用 JSON.parse(msg) 因为 Ajax 响应是 json

done: function (msg) {
           alert(JSON.parse(msg))
        },
        fail: function (msg) {
              alert(JSON.parse(msg))
        },
        always: function(msg) {
              alert(JSON.parse(msg))
        }

接收来自 AJAX POST 请求的响应

Receive response from AJAX POST request

javascript

ajax

post

response

request