jquery如何選擇和使用ajax加載元素

Question

我使用ajax加載頁面（example.html）。我有兩個按鈕：一個用於ajax加載功能，另一個用於加載內容。但它沒有反應。我試圖用：

$(document).ready(function(){ 
    $("#load") 
     .click(function(){ 
     $("content").load("example.html"); 
    }); 
     $("#example_content").load(function(){ 
        // some actions to loaded page 
}); 

Answer 1

jQuery的負載功能並不像和事件鉤子函數的工作，所以第二.load通話將希望收到類似於URL字符串，使服務器的新請求得到更多數據（鏈接http://api.jquery.com/load/）。

如果你想要做的事與已加載到div的內容，我建議你使用AJAX方法，它可以像這樣使用：

$.ajax({ 

    //where is the data comming form? url 
    url : "example.html", 

    //what happens when the load was completed? the success function is called 
    success : function(data){ 
     //add the content from the html to the div 
     $("content").html(data.responseText); 

     //do whatever else I want with the content that was just added to 'content' 
     console.debug($('content')); // should show you all the html 
            // content written into that element 

     //my content specific funciton 
     myFunction(); 
    } 
}); 

如果你想更短的方式，使用$ .get（url，success）函數可以幫助你，但是這裏面使用了$ .ajax，所以你最好直接使用$ .ajax。

回顧：

1）.load是使用。獲得抓取內容的功能。 http://api.jquery.com/load/

2）.get有一個成功函數，它將從給定url接收的內容寫入目標元素。 http://api.jquery.com/jQuery.get/

3）.get是一個函數.ajax，它是jQuery ajax功能的核心。 http://api.jquery.com/jQuery.ajax/