Javascript AJAX触发错误，无响应文本

我正在调用一个API，一切都很好。我收到令牌，返回的状态码是200（在Fiddler中验证）。我一直坚持的是，AjaxError会触发，但responseText是空的。此外，成功完成射击。我相信标签正在填充，但是回发或其他东西正在删除它。我会看到标签上的值随后消失（有时）。这是纯JS和HTML，没有其他东西在使用。有什么好处

        $(document).ajaxComplete(function (event, xhr, options) {
            alert("HEEEY COMPLETE");
            $("#tokenLabel").html("XXXXX");
        });

        $(document).ajaxError(function (event, xhr, options) {
            alert(xhr.responseText);
        });

        $('#SubmitButton').click(function () {
            var userName = $("#userNameTextBox").val();
            var passWord = $("#passwordTextBox").val();
            populateCreds(userName, passWord);
            login();
        });

        function populateCreds(userName, passWord) {
            creds = { "Username": userName, "Password": passWord };
        }

        // Login
        function login() {
            return $.ajax({
                type: "POST",
                url: "http://localhost/APIService/api/token",
                dataType: "json",
                contentType: "application/json",
                processData: false,
                data: JSON.stringify(creds),
                success: function (xhr) {
                    console.log(xhr.tokenValue);
                }
            });
        }

---

哎哟！我真傻。我使用的是提交按钮类型。因此，表单将被提交，回发将删除我的价值观。傻，傻我

    <button type="button" id="SubmitButton" class="btn btn-default">Submit</button>

提交

这解决了我的问题

让我注意一下，这是一个单页应用程序。如果我重定向到另一个页面，提交行为将起作用