Javascript 使用AJAX加载异地内容

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

我正在考虑通过AJAX在DIV中加载场外内容。我假设页面的其余部分将被加载，而不管加载AJAX DIV需要多长时间

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

我已经搜索了一段时间，并找到了很多不同的技术来实现这一点。例如jQuery

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

任何到教程的链接都很好

---

谢谢

我想这可以帮助你：

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

参考资料：

如果您控制第二个（非现场）域，则可以通过在辅助域上加载脚本来解决问题。该脚本应该启动您想要的各种AJAXish内容更新

在example1.com上：

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

---

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

---

以下是“场外内容”的确切含义？第三方内容？来自不同域的内容？你能控制它的样子吗？因为Ajax请求不经过一些调整（JSONP）就不能超出同一个域。我正在从我拥有的另一个域加载内容。是的，我能控制它的样子。只是一张便条。我计划在同一个域上加载一个PHP脚本，以获取非站点内容。然后使用AJAX来显示它。

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