10

我有一个页面 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 页面中的外部内容加载到#ajaxContentdiv 中。

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

我的问题是如何使用上述脚本的修改从 loader.php 页面上的命名 div 元素加载内容?这样做的原因是在自然 url 上的正确上下文中显示使用 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;
});

谢谢吉米

4

2 回答 2

16

你可以.load使用

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

否则,解析response自己:

$("#ajaxContent").html($(response).find("#named-div"));
于 2013-09-04T16:15:43.160 回答
1

jQuery 出 .load()方法。

于 2013-09-04T16:15:03.950 回答