經典的20道AJAX面試題

本文跟大家介紹20道jquery ajax面試題，在前端開發階段常會問到，今天小編給大家分享經典的20道AJAX面試題，對ajax有興趣的朋友一起學習吧

【相關推薦：前端面試題（2020），ajax面試題（2020）】

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

什麼是ajax ：

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

Ajax包含下列技術：

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

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

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

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

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

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？

AJAX的全名是Asynchronous JavaScript And XML.

AJAX是2005年由Google發起並流行起來的程式設計方法， AJAX不是一個新的編程語言，但是它是一個使用已有標準的新的程式設計技術。

使用AJAX可以創造更好，更快，更使用者介面友善的Web應用。

AJAX技術是基於Javascript和HTTP Request.

#19、Ajax主要包含了哪些技術？

Ajax（Asynchronous JavaScript + XML）的定義

基於web標準（standards-based presentation）XHTML+CSS的表示；

使用DOM（Document Object Model）進行動態顯示及互動；

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

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

使用JavaScript 將所有的東西綁在一起。英文參見Ajax的提出者Jesse James Garrett的原文,原文題目(Ajax: A New Approach to

Web Applications)。

類似於DHTML或LAMP，AJAX不是指單一的技術，而是有機地利用了一系列相關的技術。事實上，一些基於AJAX的「衍生/合成」式（derivative/composite）的技術正在出現，例如「AFLAX」。

AJAX的應用程式使用支援以上技術的web瀏覽器作為運行平台。這些瀏覽器目前包括：Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支援XSL格式對象，也不支援XSLT。

20、AJAX都有哪些優點和缺點？

1、最大的一點是頁面無刷新，使用者的體驗非常好。

2、使用非同步方式與伺服器通信，具有更迅速的回應能力。

3、可以把以前一些伺服器負擔的工作轉嫁到客戶端，利用客戶端閒置的能力來處理，減輕伺服器和頻寬的負擔，節省空間和寬頻租用成本。並且減輕伺服器的負擔，ajax的原則是“按需取資料”，可以最大程度的減少冗餘請求，和回應對伺服器造成的負擔。

4、基於標準化的並被廣泛支援的技術，不需要下載外掛程式或小程式。

ajax的缺點

1、ajax不支援瀏覽器back按鈕。

2、安全性問題 AJAX揭露了與伺服器互動的細節。

3、對搜尋引擎的支援比較弱。

4、破壞了程式的異常機制。

5、不容易調試。

以上所述是小編給大家介紹的經典的20道AJAX面試題，希望對大家有幫助！

相關推薦：

前端ajax與後端互動詳解

實例詳解快速取得Ajax通訊對象

實例詳解js結合json實作ajax簡單實例

#

以上是經典的20道AJAX面試題的詳細內容。更多資訊請關注PHP中文網其他相關文章！