jQuery AJAX早期使用當前頁面數據觸發

Question

我一直在閱讀關於jQuery的延遲方法，並試圖在AJAX調用中實現它們。

我正在嘗試是聽一個元素（.slideLink）上點擊，搶相應href的值的內容，然後或者結果記錄或記錄錯誤，根據結果。

問題是，頁面加載後，會立即記錄當前頁面的內容。點擊.slideLink什麼都不做。

這是我到目前爲止有：

function getDetails(val){ 
    return jQ.get(val); 
}; 

// click handler 
jQ('#slides').on('click', '.slideLink', function(e){ 
    e.preventDefault(); 
    var addy = jQ(this).attr("href"); 
    getDetails(addy); 
}); 

jQ.when(getDetails()) 
    .done(function(results) { 
     console.log(results); 
    }) 
    .fail(function() { 
     console.log('It doesn\'t work... :('); 
    }); 

顯然誤解了我的基本原則，但我通過谷歌畫坯。

Answer 1

一旦頁面加載，您就會觸發getDetails（）。另外，每次執行getDetails（）時，都會觸發一個單獨的請求並返回一個新的延遲。試試這個：

function getDetails(val){ 
    return jQ.get(val); 
} 

// click handler 
jQ('#slides').on('click', '.slideLink', function(e){ 
    e.preventDefault(); 
    var addy = jQ(this).attr("href"); 
    getDetails(addy).done(function(results) { 
     console.log(results); 
    }) 
    .fail(function() { 
     console.log('It doesn\'t work... :('); 
    });; 
}); 

Answer 2

貌似(from what I read in the docs)是jQ.when(getDetails())是要直接從頁面加載時運行的功能。

使用ajax()而不是get()這樣可以更好地利用done和fail回調屬性。

function getDetails(val) { 
    $.ajax({ 
     type: "GET", 
     url: val, 
     data: (yourdata), 
     success : function(){}, 
     error : function(){} 
    }) 
} 

此外，您還可以，如果你想直接調用.slideLink的click()方法。

jQ('.slideLink').click(function(e) { 
    e.preventDefault(); 
    var addy = jQ(this).attr("href"); 
    getDetails(addy); 
});