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