2012-12-17 226 views
1

如何指定的元素,其中的內容是從下面的代碼PAGEURL內檢索時如何指定的元素?加載內容的jQuery AJAX

$(function() { 
    $("a[rel='sort']").click(function (e) { 
     //e.preventDefault(); 
     /* 
    if uncomment the above line, html5 nonsupported browers won't change the url but will display the ajax content; 
    if commented, html5 nonsupported browers will reload the page to the specified link. 
    */ 

     //get the link location that was clicked 
     pageurl = $(this).attr('href'); 

     //to get the ajax content and display in div with id 'content' 
     $.ajax({ 
      url: pageurl + '?rel=sort', 
      success: function (data) { 
       $('#content1').html(data); 
      } 
     }); 

     //to change the browser URL to 'pageurl' 
     if (pageurl != window.location) { 
      window.history.pushState({ 
       path: pageurl 
      }, '', pageurl); 
     } 
     return false; 
    }); 
}); 
+0

你在這裏檢索,成功:功能(數據)。它是一個json數據數組嗎? – Swarne27

回答

1

你必須得到一個變量的響應,然後找到你想要的內容

試試這個

$.ajax({url:pageurl+'?rel=sort',success: function(data){ 
    var content = $(data).find("#IDofYouContent"); 
    $('#content1').html(content); 
}}); 
+0

thx這個效果很好 – john

1

使用jQuery.load()事件

詳情:http://api.jquery.com/load/

$(function(){ 
    $("a[rel='sort']").click(function(e){ 
    pageurl = $(this).attr('href')+"?rel=sort #elementToBeLoadedIn"; 
    $('#content1').load(pageurl); 
    . 
    . 
} 
+0

我還可以使用$(「一[相對=‘排序’]」)。點擊(函數(E){指定URL – john

+0

@phukkie是肯定..看到更新的答案 – Champ

+0

THX兩個答案的工作 – john

0

您將使用load()功能,像這樣:

$('#content1').load(pageurl + '?rel=sort #elementToBeLoadedIn'); 

退房的文檔欲瞭解更多信息:http://api.jquery.com/load/