Ajax调用返回整个页面

Question

我的后续页面包含一些随机提示：http://www.javaexperience.com/tips

我想只在网站的其他页面上显示提示，所以我正在进行ajax调用，并将ajax响应返回的内容添加到Div的HTML中。

DIV html是：

<div id="tips"><div>

ajax调用是：

jQuery("#tips").load("/tips/");

问题是ajax调用导致整个页面内容被添加到div（因为页面被附加到div，上面的jQuery代码被无限调用），因为我只想添加提示部分。有没有简单的出路？

Answer 1

这是load方法的预期行为，它将始终下载整个内容。您可以指定解析加载页面的某个部分并将其放入调用容器中。

jQuery('#tips').load('url #tip1');

Answer 2

你需要：

$('#tips').load('ajax/test.html #container');

有关加载here

的更多信息