接收来自 AJAX POST 请求的响应

Question

How can I receive the response from my AJAX POST request to a URL?

Here is my code:

<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>

I get the username and password when the user submits a form, which sends a POST request to the URL.

If the POST request is successful (ie, if the server received a request) it will send a JSON with "login success" message.

I'm having trouble even displaying this response message, as nothing is being displayed after I submit the form.

Answer 1

Try adding success to your ajax request.

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

Answer 2

Use JSON.parse(msg) before alert the response because Ajax response is aa json

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