javascript - 等待直到 ajax 请求完成

Question

页面上有一个链接。我想在用户点击时发送一个 ajax 请求。并且只有在（完成 ajax 请求时）它们才应该被重定向到该链接所指的页面。

我怎样才能做到这一点？

Answer 1

HTML 是这样的：

<a id="myAjaxLink" href="http://www.google.com">Click here</a>

JavaSCript 是这样的：

$(document).ready(function() {

    $("#myAjaxLink").click(function(event) {
        event.preventDefault();

        $.ajax({
            url: someUrl,
            type: "GET",
            success: function (result) {
                window.location = $("#myAjaxLink").attr("href");
            },
            error: function (xhr) {
                console.log(xhr);
            }
        });
    });
});