使用jQuery&amp ;;加载部分页面AJAX

时间:2013-09-04 16:10:36

标签: jquery ajax

我有一个动态链接列表在第A页和一个div,我希望从另一个动态生成的页面B加载基于PHP变量的内容。

<a href="loader.php?id=1">Link 1</a>
<a href="loader.php?id=2">Link 2</a>
<a href="loader.php?id=3">Link 3</a>

此脚本使用下面的jQuery脚本成功地将loader.php页面中的外部内容加载到#ajaxContent div。

$(document).ready(function(){ 
    $("a").click(function(){
        $.ajax({
            url:$(this).attr("href"),
            success: function(response) {
                $("#ajaxContent").html(response);
            }
        });   
        return false;
    });
});

我的问题是如何使用上面脚本的修改从loader.php页面上的命名div元素加载内容? 这样做的原因是在自然网址的正确上下文中显示使用Ajax调用的内容,例如:href =“loader.php?id = 2,这是正确的非JavaScript启用/ SEO实践我相信。

更新: 爆炸丸几乎到了!非常感谢。

工作代码是。

$(".switchMe li a").click(function(){
$.ajax({
url:$(this).attr("href"),
success: function(response) {
//  $("#ajaxContent").html(response);
$("#ajaxContent").html($(response).find("#imageInfo"));
}
});

return false;
});

谢谢Jimmy

2 个答案:

答案 0 :(得分:13)

您可以在

中使用.load
$("#ajaxContent").load($(this).attr("href") + " #named-div");

否则,自己解析response

$("#ajaxContent").html($(response).find("#named-div"));

答案 1 :(得分:1)

结帐jQuery .load()方法。