Ajax调用返回整个页面

我有以下页面随机提示: http://www.javaexperience.com/tipshttp://www.javaexperience.com/tips

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

DIV html是:

 

ajax调用是:

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

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

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

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

你需要:

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

有关加载的更多信息