使用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