使用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()方法。