使用AJAX加载非现场内容

Question

我正在构建一个PHP页面，该页面将一些非现场内容加载到DIV中。页面上还有其他静态元素。我遇到的问题是页面加载时间过长，因为PHP在显示页面之前加载了非现场内容。

我正在考虑通过AJAX在DIV中加载离线网站内容。我假设无论加载AJAX DIV需要多长时间，页面的其余部分都会加载。

加载原始页面时不需要更新或更改内容。它只需要加载一次内容。

我一直在寻找一段时间，并找到了很多不同的技术来做到这一点。比如jQuery。

你有什么建议如何做到这一点？

任何指向教程的链接都会很棒。

感谢

Answer 1

我想这可以帮助你：

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

参考：jquery

Answer 2

如果你控制了第二（异地）域，你可以绕过same-origin policy问题在辅助域上加载脚本。该脚本应该启动您想要的各种AJAX内容更新。

上example1.com：

<div id="stuff-from-example2"></div> 
<script src="http://www.example2.com/js/stuff.js"></script> 

在stuff.js：

$('#stuff-from-exampl2").load('http://www.example2.com/fragment.html'); 

Answer 3

可以通过加载使用JSONP数据绕过同源策略。

以下是JQuery docs