標籤：ajax
說到比較，可能我是需要把這連個東西都給大家介紹一下的，但是介於大家都已經有了很多的理解。我就簡單的說了。
Ajax：以上的說法是完全摘自百度百科的。但是從他們的描述來說他們好像完全是沒有可比性的。但是我們完全可以用IFrame來實作類別似Ajax的技術的，這非常的簡單，而且在XmlHttpRequest 問世之前我們也確實是這樣用的。下面我們通過一個簡單的例子來類比一下IFrame的遠程指令碼調用，這個樣本並沒有真正調用伺服器，只是想讓大家對如何使用IFrame實現遠程指令碼調用有所認識。
IFrame.html檔案：
<span style="font-size:18px;"><html> <head> <title>Example of remote scripting in an IFRAME</title> </head> <script type="text/javascript"> function handleResponse() { alert('this function is called from server.html'); } </script> <body> <h1>Remote Scripting with an IFRAME</h1> <iframe id="beforexhr" name="beforexhr" style="width:0px; height:0px; border: 0px" src="blank.html"></iframe> <a href="serverl.html" target="beforexhr">call the server</a> </body> </html> </span>
<span style="font-size:18px;"><html> <head> <title>the server</title> </head> <script type="text/javascript"> window.parent.handleResponse(); </script> <body> <a href="serverl.html" target="beforexhr">call the server</a> </body> </html> </span>
這個例子中我們完全實現了遠端指令碼調用，這似乎和ajax在做同樣的事情，但兩者有什麼區別呢。
1.首先我們想說的也是大家都普遍知道的一點就是ajax最大的特點——非同步通訊。
1）用iframe請求伺服器的資料時，通常瀏覽器下面的狀態列中的進度條會像開啟某個新的網頁時在前進。如果設定了重新整理警示音，電腦會發出“哢哢”的響聲，這對使用者來說可能感覺會比較煩，如果請求頻繁，會使使用者覺得煩躁。
2）而用Ajax請求伺服器的資料時不會出現上述情況。但實質上如果伺服器的返回值大小是一樣的，他們的速度上的差別是一樣的。
2.從功能上來說:
1）iframe包含了一個整個網頁，通常，在布局網頁的時候，我們經常要用到它。這樣會使網頁的製作顯得很自然而且方便管理。
Ajax通常是在網頁中某個小部分需要改變的時候用到的，它在改變網頁內容的時候快速而精巧。在需要改變網頁上幾個字的時候，我們一般不用iframe。
2）如果你想用不重新整理的技術上傳一個資料，那麼無疑你一定要選擇iframe。這是很多人通常用到的方法，這一點iframe一定是靈活而簡單的。
用Ajax，通常你要寫一堆聲明的代碼，總之會比較麻煩。但是，如果需要伺服器進行複雜運算，而返回值是一個很簡單結果，用Ajax一定是個不錯的選擇。
3.兩者各自存在的問題：
到現在ajax碰到的兩個比較大的問題是
1）中文亂碼，這個貌似是編碼的問題，基本上能夠解決，但是在某些比較低版本的瀏覽器中還是會出現一些問題
2）跨域post提交資料，這個貌似沒有辦法直接實現，只能通過代理或其他方式來實現
而這兩個問題iframe基本都不會碰到，但是iframe的問題在於
1）你想同時進行多少個請求，就必須建立多少個iframe～否則無法同時進行。
2）iframe的方式處理的是iframe頁面的內容，互動成功的觸發方式主要靠。
a)頁面定時讀取頁面載入狀態：這種方式方式必然導致對用戶端資源的較多佔用。
b)iframe觸發父頁面的事件：這種方式導致返回資料的增加，而且必須保證父頁和架構頁的變數和方法的統一。（我們上面的例子就是使用的這種方式）而這點上面，ajax互動過程中僅僅返回所需要的資料(xml或者text)，這個是ajax相比iframe的最大優勢之一。
以上是我粗略的比較了一下兩者的不同，更深入的理解還需要大家在以後的項目中多多的實踐。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
