20道經典的AJAX面試題(必知必會)-js教程-PHP中文網

1、什麼是AJAX，為什麼要使用Ajax（請談談你對Ajax的認知）

什麼是ajax：

AJAX是「Asynchronous JavaScript and XML」的縮寫。他是指一種創建互動式網頁應用程式的網頁開發技術。

Ajax包含下列技術：

基於web標準（standards-basedpresentation）XHTML CSS的表示；

##使用DOM（Document ObjectModel ）進行動態顯示及互動；

使用XML 和XSLT 進行資料交換及相關操作；

使用XMLHttpRequest 進行非同步資料查詢、檢索；

使用JavaScript 將所有的東西綁在一起。

【專題推薦】：
2020年ajax面試題目及答案（最新）

2、為什麼要用ajax：

Ajax應用程式的優點在於：

1. 透過非同步模式，提升了使用者體驗

2. 優化了瀏覽器和伺服器之間的傳輸，減少不必要的資料往返，減少了頻寬佔用

3. Ajax引擎在客戶端運行，承擔了一部分本來由伺服器承擔的工作，從而減少了大用戶量下的伺服器負載。

2、AJAX最大的特點是什麼。

Ajax可以實作動態不刷新（局部刷新）

就是能在不更新整個頁面的前提下維護資料。這使得網路應用程式更為迅捷地回應使用者動作，並避免了在網路上發送那些沒有改變過的訊息。

3、請介紹XMLhttprequest物件。

Ajax的核心是JavaScript物件XmlHttpRequest。該物件在Internet Explorer 5中首次引入，它是一種支援非同步請求的技術。簡而言之，XmlHttpRequest可讓您使用JavaScript向伺服器提出請求並處理回應，而不會阻塞使用者。透過XMLHttpRequest對象，Web開發人員可以在頁面載入以後進行頁面的局部更新。

4、AJAX技術系統的組成部分有哪些。

HTML，css，dom，xml，xmlHttpRequest，javascript

5、AJAX應用程式和傳統Web應用程式有什麼不同。

在傳統的Javascript程式設計中，如果想得到伺服器端資料庫或檔案上的信息，或傳送客戶端訊息到伺服器，需要建立一個HTML form然後GET或POST數據到伺服器端。使用者需要點擊”Submit”按鈕來發送或接受資料訊息，然後等待伺服器回應請求，頁面重新載入。

因為伺服器每次都會回傳一個新的頁面，所以傳統的web應用程式有可能很慢而且使用者互動不友善。

使用AJAX技術，就可以讓Javascript透過XMLHttpRequest物件直接與伺服器進行互動。

透過HTTP Request，一個web頁面可以發送一個請求到web伺服器並且接受web伺服器返回的信息(不用重新加載頁面)，展示給用戶的還是通一個頁面，用戶感覺頁面刷新，也看不到Javascript後台進行的發送請求和接受回應。

6、AJAX請求總共有多少種CALLBACK。

Ajax要求總共有八種Callback

#onSuccess

onFailure
onUninitialized
onLoading
onLoaded
onInteractive
onComplete
onException

7.Ajax和javascript的差別。

javascript是一種在瀏覽器端執行的腳本語言，Ajax是一種創建互動式網頁應用程式的開發技術，它是利用了一系列相關的技術其中就包括javascript。

Javascript是由網景公司開發的一種腳本語言，它和sun公司的java語言是沒有任何關係的，它們相似的名稱只是一種行銷策略。

在一般的web開發中，javascript是在瀏覽器端執行的，我們可以用javascript控制瀏覽器的行為和內容。

在Ajax應用程式中訊息是如何在瀏覽器和伺服器之間傳遞的

#透過XML資料或字串

##8、在瀏覽器端如何得到伺服器端回應的XML資料。
XMLHttpRequest物件的responseXMl屬性

9、 XMLHttpRequest物件在IE和Firefox中建立方式有沒有不同。有，IE中透過new ActiveXObject()得到，Firefox中透過newXMLHttpRequest()得到

10、介紹XMLHttpRequest物件的常用方法和屬性。

open(“method”,”URL”) 建立對伺服器的調用，第一個參數是HTTP請求方式可以為GET，POST或任何伺服器所支援的您想調用的方式。

第二個參數是請求頁面的URL。

send()方法，發送具體請求

abort()方法，停止目前請求

readyState屬性請求的狀態有5個可取值0=未初始化，1=正在加載
2=以加載，3=交互中，4=完成

responseText 屬性伺服器的回應，表示為一個字串

reponseXML 屬性伺服器的回應，表示為XML

status 伺服器的HTTP狀態碼，200對應ok 400對應not found

#12、什麼是XML

XML是擴充標記語言，能夠用一系列簡單的標記描述資料

##13、 XML的解析方式

常用的用dom解析和sax解析。 dom解析是一次讀取xml檔案並將其建構為DOM物件供程式使用，優點是操作方便，但比較耗記憶體。 Sax是按事件驅動的方式解析的，佔用內存少，但是編程複雜

14、你採用的是什麼框架（架包）

這題是必問的，一般也是最開始就會問到。

在java中比較流行的有dojo, Prototype , JQuery, Dwr, extjs 等等

15、如果熟悉某種ajax框架，他可能會問到怎樣在程式中使用這種框架

DWR框架介紹

DWR(DirectWeb Remoting)是一個WEB遠端呼叫框架.利用這個框架可以讓AJAX開發變得很簡單.利用DWR可以在客戶端利用JavaScript直接調用服務端的Java方法並返回值給JavaScript就好像直接本地客戶端調用一樣(DWR根據Java類來動態產生JavaScrip程式碼).

DWR的實作原理是透過反射，將java翻譯成javascript，然後利用回呼機制，從而實作了javascript呼叫Java程式碼

16、介紹一下Prototype的$()函數，$F()函數，$A()函數都是什麼作用

$() 方法是在DOM中使用過於頻繁的document.getElementById() 方法的一個便利的簡寫，就像這個DOM方法一樣，這個方法傳回參數傳入的id的那個元素。

$F()函數是另一個大收歡迎的“快捷鍵”，它能用於傳回任何表單輸入控制項的值，例如textbox,drop-down list。這個方法也能用元素id或元素本身做為參數。

$A()函數能把它接收到的單一的參數轉換成一個Array物件。

17、介紹XMLHttpRequest物件

透過XMLHttpRequest對象，Web開發人員可以在頁面載入以後進行頁面的局部更新。

AJAX開始流行始於Google在2005年使用的」Google Suggest」。

「Google Suggest」就是使用XMLHttpRequest物件來建立動態的Web介面：

當使用者開始輸入google的搜尋框，Javascript將使用者輸入的字元到伺服器，然後伺服器傳回建議清單。

XMLHttpRequest物件在IE5.0 , Safari 1.2, Mozilla1.0/Firefox, Opera 8 和NetScapt7 開始被支援。

18、AJAX的全名是什麼？介紹一下AJAX？