使用AJAX加载非现场内容

时间:2010-08-15 20:58:28

标签: javascript ajax

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

我正在考虑通过AJAX在DIV中加载非现场内容。我假设无论加载AJAX DIV需要多长时间,页面的其余部分都会加载。

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

我一直在寻找并找到了很多不同的技巧。比如jQuery。

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

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

由于

3 个答案:

答案 0 :(得分:1)

我想这可以帮到你:

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

参考:jquery

答案 1 :(得分:0)

如果您控制第二个(场外)域,则可以通过在辅助域上加载脚本来解决same-origin policy问题。该脚本应该启动您想要的各种AJAXish内容更新。

在example1.com上:

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

in stuff.js:

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

答案 2 :(得分:0)

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

以下是JQuery docs