如何在加载内容 AJAX jQuery 时指定元素

Question

如何在下面的代码中指定要从pageurl中检索内容的元素？

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

Answer 1

您必须在变量中获取响应，然后找到所需的内容

试试这个

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

Answer 2

use jQuery.load（）] event

详细信息：http://api.jquery.com/load/

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

Answer 3

您可以使用

load()函数，如下所示：

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

查看文档以获取更多信息：http://api.jquery.com/load/