使用jQuery和AJAX加载部分页面

前端之家收集整理的这篇文章主要介绍了使用jQuery和AJAX加载部分页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在页面A上有一个动态链接列表和一个div,我希望根据 PHP变量从另一个动态生成页面B加载内容.
<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;
});

谢谢吉米

解决方法

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

否则,自己解析响应:

$("#ajaxContent").html($(response).find("#named-div"));
原文链接:https://www.f2er.com/jquery/177851.html

猜你在找的jQuery相关文章