使用jQuery和AJAX加载部分页面
我在页面A上有一个动态链接列表和一个div,我希望根据PHP变量从另一个动态生成的页面B加载内容。
Link 1 Link 2 Link 3
此脚本使用下面的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
$("#ajaxContent").load($(this).attr("href") + " #named-div");
否则,自己解析response
:
$("#ajaxContent").html($(response).find("#named-div"));
checkout jQuery
.load()方法。