建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要介紹了AJAX常見面試題有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站建設(shè)、成都做網(wǎng)站與策劃設(shè)計,南召網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:南召等地區(qū)。南召做網(wǎng)站價格咨詢:18982081108
什么是AJAX，為什么要使用Ajax
AJAX是“Asynchronous JavaScript and XML”的縮寫。他是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。、
客戶端與服務(wù)器，可以在【不必刷新整個瀏覽器】的情況下，與服務(wù)器進(jìn)行異步通訊的技術(shù)
AJAX應(yīng)用和傳統(tǒng)Web應(yīng)用有什么不同？
AJAX應(yīng)用和傳統(tǒng)Web應(yīng)用有什么不同？
傳統(tǒng)的web前端與后端的交互中，瀏覽器直接訪問Tomcat的Servlet來獲取數(shù)據(jù)。Servlet通過轉(zhuǎn)發(fā)把數(shù)據(jù)發(fā)送給瀏覽器。
當(dāng)我們使用AJAX之后，瀏覽器是先把請求發(fā)送到XMLHttpRequest異步對象之中，異步對象對請求進(jìn)行封裝，然后再與發(fā)送給服務(wù)器。服務(wù)器并不是以轉(zhuǎn)發(fā)的方式響應(yīng)，而是以流的方式把數(shù)據(jù)返回給瀏覽器
XMLHttpRequest異步對象會不停監(jiān)聽服務(wù)器狀態(tài)的變化，得到服務(wù)器返回的數(shù)據(jù)，就寫到瀏覽器上【因為不是轉(zhuǎn)發(fā)的方式，所以是無刷新就能夠獲取服務(wù)器端的數(shù)據(jù)】
這里寫圖片描述
請介紹一下XMLhttprequest對象
請介紹一下XMLhttprequest對象
Ajax的核心是JavaScript對象XmlHttpRequest。該對象在Internet Explorer 5中首次引入，它是一種支持異步請求的技術(shù)。簡而言之，XmlHttpRequest使您可以使用JavaScript向服務(wù)器提出請求并處理響應(yīng)，而不阻塞用戶。通過XMLHttpRequest對象，Web開發(fā)人員可以在頁面加載以后進(jìn)行頁面的局部更新
介紹一下XMLHttpRequest對象的常用方法和屬性
方法
open()(String method,String url,boolean asynch,String username,String password)
send(content)
setRequestHeader(String header,String value)
getAllResponseHeaders()
getResponseHeader(String header)
abort()
常用的方法就是黑色粗體的前三個
open()：該方法創(chuàng)建http請求
第一個參數(shù)是指定提交方式(post、get)
第二個參數(shù)是指定要提交的地址是哪
第三個參數(shù)是指定是異步還是同步(true表示異步，false表示同步)
第四和第五參數(shù)在http認(rèn)證的時候會用到。是可選的
setRequestHeader(String header,String value)：設(shè)置消息頭（使用post方式才會使用到，get方法并不需要調(diào)用該方法）
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
send(content)：發(fā)送請求給服務(wù)器
如果是get方式，并不需要填寫參數(shù)，或填寫null
如果是post方式，把要提交的參數(shù)寫上去
屬性
onreadystatechange：請求狀態(tài)改變的事件觸發(fā)器（readyState變化時會調(diào)用此方法），一般用于指定回調(diào)函數(shù)
readyState：請求狀態(tài)readyState一改變，回調(diào)函數(shù)被調(diào)用，它有5個狀態(tài)
0：未初始化
1：open方法成功調(diào)用以后
2：服務(wù)器已經(jīng)應(yīng)答客戶端的請求
3：交互中。Http頭信息已經(jīng)接收，響應(yīng)數(shù)據(jù)尚未接收。
4：完成。數(shù)據(jù)接收完成
responseText：服務(wù)器返回的文本內(nèi)容
responseXML：服務(wù)器返回的兼容DOM的XML內(nèi)容
status：服務(wù)器返回的狀態(tài)碼
statusText：服務(wù)器返回狀態(tài)碼的文本信息
上面有兩個地方都提及了回調(diào)函數(shù)，回調(diào)函數(shù)是什么？？
回調(diào)函數(shù)就是接收服務(wù)器返回的內(nèi)容！
這里寫圖片描述
Ajax的實現(xiàn)流程是怎樣的？
Ajax的實現(xiàn)流程是怎樣的？
(1)創(chuàng)建XMLHttpRequest對象,也就是創(chuàng)建一個異步調(diào)用對象.
(2)創(chuàng)建一個新的HTTP請求,并指定該HTTP請求的方法、URL及驗證信息.
(3)設(shè)置響應(yīng)HTTP請求狀態(tài)變化的函數(shù).
(4)發(fā)送HTTP請求.
(5)獲取異步調(diào)用返回的數(shù)據(jù).
(6)使用JavaScript和DOM實現(xiàn)局部刷新.
javascript ¨K0K
AJAX請求總共有多少種CALLBACK
AJAX請求總共有多少種CALLBACK
Ajax請求總共有八種Callback
onSuccess
onFailure
onUninitialized
onLoading
onLoaded
onInteractive
onComplete
onException
XMLHttpRequest對象在IE和Firefox中創(chuàng)建方式有沒有不同。
有，IE中通過new ActiveXObject()得到，F(xiàn)irefox中通過newXMLHttpRequest()得到
當(dāng)然了，我們一般使用jquery封裝好的ajax方法，那就沒有那么麻煩了。
AJAX有哪些有點和缺點？
AJAX有哪些有點和缺點？
優(yōu)點：
1、最大的一點是頁面無刷新，用戶的體驗非常好。
2、使用異步方式與服務(wù)器通信，具有更加迅速的響應(yīng)能力。
3、可以把以前一些服務(wù)器負(fù)擔(dān)的工作轉(zhuǎn)嫁到客戶端，利用客戶端閑置的能力來處理，減輕服務(wù)器和帶寬的負(fù)擔(dān)，節(jié)約空間和寬帶租用成本。并且減輕服務(wù)器的負(fù)擔(dān)，ajax的原則是“按需取數(shù)據(jù)”，可以最大程度的減少冗余請求，和響應(yīng)對服務(wù)器造成的負(fù)擔(dān)。
4、基于標(biāo)準(zhǔn)化的并被廣泛支持的技術(shù)，不需要下載插件或者小程序。
缺點：
1、ajax不支持瀏覽器back按鈕。
2、安全問題 AJAX暴露了與服務(wù)器交互的細(xì)節(jié)。
3、對搜索引擎的支持比較弱。
4、破壞了程序的異常機(jī)制。
5、不容易調(diào)試。
請解釋一下 JavaScript 的同源策略。
請解釋一下 JavaScript 的同源策略。
同源策略是客戶端腳本（尤其是Javascript）的重要的安全度量標(biāo)準(zhǔn)。它最早出自Netscape Navigator2.0，其目的是防止某個文檔或腳本從多個不同源裝載。所謂同源指的是：協(xié)議，域名，端口相同，同源策略是一種安全協(xié)議，指一段腳本只能讀取來自同一來源的窗口和文檔的屬性。
闡述一下異步加載JS。
闡述一下異步加載JS。
異步加載的方案： 動態(tài)插入 script 標(biāo)簽
通過 ajax 去獲取 js 代碼，然后通過 eval 執(zhí)行
script 標(biāo)簽上添加 defer 或者 async 屬性
創(chuàng)建并插入 iframe，讓它異步執(zhí)行 js
參考資料：
https://www.cnblogs.com/zichi/p/4597766.html
https://www.cnblogs.com/xkloveme/articles/7569426.html
如何解決跨域問題?
如何解決跨域問題?
理解跨域的概念：協(xié)議、域名、端口都相同才同域，否則都是跨域
出于安全考慮，服務(wù)器不允許ajax跨域獲取數(shù)據(jù)，但是可以跨域獲取文件內(nèi)容。
所以基于這一點，可以動態(tài)創(chuàng)建script標(biāo)簽，使用標(biāo)簽的src屬性訪問js文件的形式獲取js腳本，并且這個js腳本中的內(nèi)容是函數(shù)調(diào)用，該函數(shù)調(diào)用的參數(shù)是服務(wù)器返回的數(shù)據(jù)，為了獲取這里的參數(shù)數(shù)據(jù)，需要事先在頁面中定義回調(diào)函數(shù)，在回調(diào)函數(shù)中處理服務(wù)器返回的數(shù)據(jù)，【JSONP】
在后端上配置可跨域【CORS方式】
前端ajax請求的是本地接口，本地接口接收到請求后向?qū)嶋H的接口請求數(shù)據(jù)，然后再將信息返回給前端【代理方式】
AJAX跨域的問題可參考下一篇文章
Ajax 解決瀏覽器緩存問題？
Ajax 解決瀏覽器緩存問題？
1、在ajax發(fā)送請求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。
2、在ajax發(fā)送請求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。
3、在URL后面加上一個隨機(jī)數(shù)： "fresh=" + Math.random();。
4、在URL后面加上時間戳："nowtime=" + new Date().getTime();。
5、如果是使用jQuery，直接這樣就可以了 $.ajaxSetup({cache:false})。這樣頁面的所有ajax都會執(zhí)行這條語句就是不需要保存緩存記錄。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“AJAX常見面試題有哪些”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
本文名稱：AJAX常見面試題有哪些
鏈接URL：http://fisionsoft.com.cn/article/podcis.html
