我在页面 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 元素加载内容?
这样做的原因是为了在自然 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;
});
谢谢吉米
你可以使用.load
as in
$("#ajaxContent").load($(this).attr("href") + " #named-div");
否则,解析response
你自己:
$("#ajaxContent").html($(response).find("#named-div"));
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)