內部有兩個AJAX函數，一個或另一個工作，但互斥

Question

這是我引用的代碼：第一個ajax調用是： $.ajax(urlHoveringBtn) ，第二個是$.ajax(url)只是一個或另一個元素。 怎么了？

$(document).on("click", "a.selection", function (e) {
    var $this = $(this);
    var isLive = $this.data("live");
    var url = "/" + _language + "/BetSlip/Add/" + $this.data("selection") + "?odds=" + $this.data("odds") + "&live=" + isLive;
    var urlHoveringBtn = "/" + _language + '/BetSlip/AddHoveringButton/' + $this.data("selection") + "?odds=" + $this.data("odds") + "&live=" + isLive;

    $.ajax(urlHoveringBtn).done(function (dataBtn) {
        if ($(".betslip-access-button").length == 0 && dataBtn.length > 0) {
            $("body").append(dataBtn);
        }
    });

    $.ajax(url).done(function (data) {
        if ($(".betslip-access").length == 0 && data.length > 0) {
            $(".navbar").append(data);
        }
        if (data.length > 0) {
            $this.addClass("in-betslip");
        }
    });
    e.preventDefault();
});

Answer 1

嘗試這個

$(document).on("click", "a.selection", function (e) {
        var $this = $(this);
        var isLive = $this.data("live");
        var url = "/" + _language + "/BetSlip/Add/" + $this.data("selection") + "?odds=" + $this.data("odds") + "&live=" + isLive;
        var urlHoveringBtn = "/" + _language + '/BetSlip/AddHoveringButton/' + $this.data("selection") + "?odds=" + $this.data("odds") + "&live=" + isLive;

    var ajax1 = $.ajax(urlHoveringBtn);

    var ajax2 = $.ajax(url);

    $.when( ajax1, ajax2 ).done(function( a1, a2 ) {
        if ($(".betslip-access-button").length == 0 && a1.length > 0) {
                $("body").append(a1);
        }

      if ($(".betslip-access").length == 0 && a2.length > 0) {
            $(".navbar").append(a2);
        }
        if (data.length > 0) {
            $this.addClass("in-betslip");
        }
    });

    e.preventDefault();
});

$.when將確保兩個ajax調用均已解決，然后執行回叫。

a1和a2是ajax調用ajax1和ajax2

有關更多信息，請檢查$.when文檔http://api.jquery.com/jquery.when/

Answer 2

urlHoveringBtn和url應該是此處的對象，而不是字符串。 喜歡：

var urlHoveringBtn = {
    url: "/" + _language + '/BetSlip/AddHoveringButton/' + $this.data("selection"),
    data : {
       odds : $this.data("odds"),
       live : isLive
    }
}

對url執行相同操作，這應該可以工作。 祝好運！