接收來自 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。

我什至無法顯示此響應消息，因為在我提交表單后沒有顯示任何內容。

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