AJAX = 異步 JavaScript 和 XML。
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。
通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下，對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。
傳統(tǒng)的網(wǎng)頁(yè)（不使用 AJAX）如果需要更新內(nèi)容，必需重載整個(gè)網(wǎng)頁(yè)面。
有很多使用 AJAX 的應(yīng)用程序案例：新浪微博、Google 地圖、開(kāi)心網(wǎng)等等。
Ajax屬于前臺(tái)前臺(tái)技術(shù)。AJAX是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。AJAX即“AsynchronousJavascriptAndXML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。其實(shí)實(shí)踐中最常用到的是：為了使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新，AJAX通過(guò)在后臺(tái)與服務(wù)器進(jìn)行一些數(shù)據(jù)交換。所以AJAX就成了一門(mén)綜合的學(xué)科。需要掌握前臺(tái)和后臺(tái)，如果后臺(tái)掌握不了，也很難寫(xiě)出合適的ajax程序。
1、AJAX不是一種新的編程語(yǔ)言，而是一種用于創(chuàng)建更好更快以及交互性更強(qiáng)的Web應(yīng)用程序的技術(shù),核心對(duì)象XMLHTTPRequest。該對(duì)象是瀏覽器API，支持向http服務(wù)器發(fā)送get post等http協(xié)議規(guī)定的請(qǐng)求方式。該方式不會(huì)重載頁(yè)面，無(wú)刷新交換數(shù)據(jù)。是客戶(hù)端browser與瀏覽器通訊的方式。執(zhí)行宿主在瀏覽器的javascript引擎里面。
2、cgi是服務(wù)器端的一段腳本。該腳本執(zhí)行時(shí)信息輸入來(lái)自管道，服務(wù)器會(huì)把請(qǐng)求輸入重定向到cgi腳本的標(biāo)準(zhǔn)輸入，把cgi腳本的執(zhí)行的標(biāo)準(zhǔn)輸出作為請(qǐng)求的響應(yīng)！cgi也是一種形式上的后臺(tái)接口！
ajax :就是在不刷新網(wǎng)頁(yè)的基礎(chǔ)上，能夠?qū)崿F(xiàn)和服務(wù)器的通信。常見(jiàn)的數(shù)據(jù)傳輸?shù)姆绞剑?/p>
--xml: 笨重，但是XML是通用的數(shù)據(jù)交換格式。
--HTML：不需要解析，可以直接放入文檔中，用于只是更新部分代碼的情況。
--json：輕巧。許多java中的類(lèi)和集合可以使用第三方的jar包轉(zhuǎn)換為json對(duì)象。
在現(xiàn)代的前端開(kāi)發(fā)中，AJAX和jQuery是非常常用的技術(shù)，掌握它們對(duì)于求職者來(lái)說(shuō)是非常重要的。下面是一些常見(jiàn)的AJAX和jQuery面試題及答案，希望能幫助你在面試中脫穎而出。
1. 什么是AJAX？
AJAX是一種用于在后臺(tái)與服務(wù)器進(jìn)行異步通信的技術(shù)。它可以在不重新加載整個(gè)頁(yè)面的情況下更新部分頁(yè)面內(nèi)容。
2. AJAX的工作原理是什么？
AJAX通過(guò)XMLHttpRequest對(duì)象實(shí)現(xiàn)與服務(wù)器的交互。它通過(guò)發(fā)送HTTP請(qǐng)求到服務(wù)器，然后通過(guò)JavaScript處理服務(wù)器返回的數(shù)據(jù)，更新頁(yè)面內(nèi)容。
3. AJAX的優(yōu)缺點(diǎn)是什么？
1. 什么是jQuery？
jQuery是一個(gè)簡(jiǎn)潔、快速和功能豐富的JavaScript庫(kù)。它簡(jiǎn)化了HTML文檔遍歷、事件處理、動(dòng)畫(huà)和AJAX操作等任務(wù)。
2. jQuery和原生JavaScript有什么區(qū)別？
3. 如何在jQuery中發(fā)送AJAX請(qǐng)求？
在jQuery中，可以使用$.ajax()方法發(fā)送AJAX請(qǐng)求。通過(guò)設(shè)置不同的參數(shù)，可以實(shí)現(xiàn)GET、POST等不同類(lèi)型的請(qǐng)求，并處理服務(wù)器返回的數(shù)據(jù)。
4. 在jQuery中如何選擇DOM元素？
可以使用選擇器來(lái)選擇DOM元素，常見(jiàn)的選擇器有ID選擇器、類(lèi)選擇器、屬性選擇器以及層級(jí)選擇器等。
以上就是一些常見(jiàn)的AJAX和jQuery面試題及答案。通過(guò)準(zhǔn)備這些問(wèn)題的答案，你可以更好地展示自己的技能和知識(shí)，提高面試的成功率。希望本篇文章對(duì)你有所幫助！
感謝你的閱讀！希望通過(guò)這篇文章，你可以更好地理解AJAX和jQuery的概念和使用方法，并在面試中取得好的成績(jī)。
優(yōu)點(diǎn)：
1、最大的一點(diǎn)是頁(yè)面無(wú)刷新，用戶(hù)的體驗(yàn)非常好。
2、使用異步方式與服務(wù)器通信，具有更加迅速的響應(yīng)能力。
3、可以把以前一些服務(wù)器負(fù)擔(dān)的工作轉(zhuǎn)嫁到客戶(hù)端，利用客戶(hù)端閑置的能力來(lái)處理，減輕服務(wù)器和帶寬的負(fù)擔(dān)，節(jié)約空間和寬帶租用成本。并且減輕服務(wù)器的負(fù)擔(dān)，ajax的原則是“按需取數(shù)據(jù)”，可以最大程度的減少冗余請(qǐng)求，和響應(yīng)對(duì)服務(wù)器造成的負(fù)擔(dān)。
4、基于標(biāo)準(zhǔn)化的并被廣泛支持的技術(shù)，不需要下載插件或者小程序。
缺點(diǎn)：
1、ajax不支持瀏覽器back按鈕。
2、安全問(wèn)題 AJAX暴露了與服務(wù)器交互的細(xì)節(jié)。
3、對(duì)搜索引擎的支持比較弱。
4、破壞了程序的異常機(jī)制。
看是哪方面的技術(shù)總監(jiān)，建筑行業(yè)還是電子產(chǎn)品行業(yè)，一般都是老板親自面試，分筆試和口試兩種
看是哪方面的技術(shù)總監(jiān)，建筑行業(yè)還是電子產(chǎn)品行業(yè)，一般都是老板親自面試，分筆試和口試兩種
Ajax（AsynchronousJavaScriptand XML），直譯為“異步的JavaScript與XML技術(shù)”，是一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)，用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)，由杰西·詹姆士·賈瑞特所提出。與傳統(tǒng)的Web應(yīng)用相比，Ajax通過(guò)瀏覽器與服務(wù)器進(jìn)行少量的數(shù)據(jù)交換就可以實(shí)現(xiàn)網(wǎng)頁(yè)的異步更新，在不重新加載整個(gè)網(wǎng)頁(yè)的情況下，即可對(duì)網(wǎng)頁(yè)進(jìn)行更新。
一，ajax參數(shù)
1.url:
要求為String類(lèi)型的參數(shù)，（默認(rèn)為當(dāng)前頁(yè)地址）發(fā)送請(qǐng)求的地址。
2.type:
要求為String類(lèi)型的參數(shù)，請(qǐng)求方式（post或get）默認(rèn)為get。注意其他http請(qǐng)求方法，例如put和delete也可以使用，但僅部分瀏覽器支持。
3.timeout:
要求為Number類(lèi)型的參數(shù)，設(shè)置請(qǐng)求超時(shí)時(shí)間（毫秒）。此設(shè)置將覆蓋$.ajaxSetup()方法的全局設(shè)置。
4.async:
要求為Boolean類(lèi)型的參數(shù)，默認(rèn)設(shè)置為true，所有請(qǐng)求均為異步請(qǐng)求。如果需要發(fā)送同步請(qǐng)求，請(qǐng)將此選項(xiàng)設(shè)置為false。注意，同步請(qǐng)求將鎖住瀏覽器，用戶(hù)其他操作必須等待請(qǐng)求完成才可以執(zhí)行。
5.cache:
要求為Boolean類(lèi)型的參數(shù)，默認(rèn)為true（當(dāng)dataType為script時(shí)，默認(rèn)為false），設(shè)置為false將不會(huì)從瀏覽器緩存中加載請(qǐng)求信息。
6.data:
要求為Object或String類(lèi)型的參數(shù)，發(fā)送到服務(wù)器的數(shù)據(jù)。如果已經(jīng)不是字符串，將自動(dòng)轉(zhuǎn)換為字符串格式。get請(qǐng)求中將附加在url后。防止這種自動(dòng)轉(zhuǎn)換，可以查看 processData選項(xiàng)。對(duì)象必須為key/value格式，例如{foo1:"bar1",foo2:"bar2"}轉(zhuǎn)換為&foo1=bar1&foo2=bar2。如果是數(shù)組，JQuery將自動(dòng)為不同值對(duì)應(yīng)同一個(gè)名稱(chēng)。例如{foo:["bar1","bar2"]}轉(zhuǎn)換為&foo=bar1&foo=bar2。
7.dataType:
要求為String類(lèi)型的參數(shù)，預(yù)期服務(wù)器返回的數(shù)據(jù)類(lèi)型。如果不指定，JQuery將自動(dòng)根據(jù)http包mime信息返回responseXML或responseText，并作為回調(diào)函數(shù)參數(shù)傳遞?？捎玫念?lèi)型如下：
xml：返回XML文檔，可用JQuery處理。
html：返回純文本HTML信息；包含的script標(biāo)簽會(huì)在插入DOM時(shí)執(zhí)行。
script：返回純文本JavaScript代碼。不會(huì)自動(dòng)緩存結(jié)果。除非設(shè)置了cache參數(shù)。注意在遠(yuǎn)程請(qǐng)求時(shí)（不在同一個(gè)域下），所有post請(qǐng)求都將轉(zhuǎn)為get請(qǐng)求。
json：返回JSON數(shù)據(jù)。
jsonp：JSONP格式。使用SONP形式調(diào)用函數(shù)時(shí)，例如myurl?callback=?，JQuery將自動(dòng)替換后一個(gè)“?”為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)。
text：返回純文本字符串。
8.beforeSend：
要求為Function類(lèi)型的參數(shù)，發(fā)送請(qǐng)求前可以修改XMLHttpRequest對(duì)象的函數(shù)，例如添加自定義HTTP頭。在beforeSend中如果返回false可以取消本次ajax請(qǐng)求。XMLHttpRequest對(duì)象是惟一的參數(shù)。
function(XMLHttpRequest){
this; //調(diào)用本次ajax請(qǐng)求時(shí)傳遞的options參數(shù)
}
9.complete：
要求為Function類(lèi)型的參數(shù)，請(qǐng)求完成后調(diào)用的回調(diào)函數(shù)（請(qǐng)求成功或失敗時(shí)均調(diào)用）。參數(shù)：XMLHttpRequest對(duì)象和一個(gè)描述成功請(qǐng)求類(lèi)型的字符串。
function(XMLHttpRequest, textStatus){
this; //調(diào)用本次ajax請(qǐng)求時(shí)傳遞的options參數(shù)
}
10.success：要求為Function類(lèi)型的參數(shù)，請(qǐng)求成功后調(diào)用的回調(diào)函數(shù)，有兩個(gè)參數(shù)。
(1)由服務(wù)器返回，并根據(jù)dataType參數(shù)進(jìn)行處理后的數(shù)據(jù)。
(2)描述狀態(tài)的字符串。
function(data, textStatus){
//data可能是xmlDoc、jsonObj、html、text等等
this; //調(diào)用本次ajax請(qǐng)求時(shí)傳遞的options參數(shù)
}
11.error:
要求為Function類(lèi)型的參數(shù)，請(qǐng)求失敗時(shí)被調(diào)用的函數(shù)。該函數(shù)有3個(gè)參數(shù)，即XMLHttpRequest對(duì)象、錯(cuò)誤信息、捕獲的錯(cuò)誤對(duì)象(可選)。ajax事件函數(shù)如下：
function(XMLHttpRequest, textStatus, errorThrown){
//通常情況下textStatus和errorThrown只有其中一個(gè)包含信息
this; //調(diào)用本次ajax請(qǐng)求時(shí)傳遞的options參數(shù)
}
12.contentType：
要求為String類(lèi)型的參數(shù)，當(dāng)發(fā)送信息至服務(wù)器時(shí)，內(nèi)容編碼類(lèi)型默認(rèn)為"application/x-www-form-urlencoded"。該默認(rèn)值適合大多數(shù)應(yīng)用場(chǎng)合。
13.dataFilter：
要求為Function類(lèi)型的參數(shù)，給Ajax返回的原始數(shù)據(jù)進(jìn)行預(yù)處理的函數(shù)。提供data和type兩個(gè)參數(shù)。data是Ajax返回的原始數(shù)據(jù)，type是調(diào)用jQuery.ajax時(shí)提供的dataType參數(shù)。函數(shù)返回的值將由jQuery進(jìn)一步處理。
function(data, type){
//返回處理后的數(shù)據(jù)
return data;
}
14.global：
要求為Boolean類(lèi)型的參數(shù)，默認(rèn)為true。表示是否觸發(fā)全局ajax事件。設(shè)置為false將不會(huì)觸發(fā)全局ajax事件，ajaxStart或ajaxStop可用于控制各種ajax事件。
15.ifModified：
要求為Boolean類(lèi)型的參數(shù)，默認(rèn)為false。僅在服務(wù)器數(shù)據(jù)改變時(shí)獲取新數(shù)據(jù)。服務(wù)器數(shù)據(jù)改變判斷的依據(jù)是Last-Modified頭信息。默認(rèn)值是false，即忽略頭信息。
16.jsonp：
要求為String類(lèi)型的參數(shù)，在一個(gè)jsonp請(qǐng)求中重寫(xiě)回調(diào)函數(shù)的名字。該值用來(lái)替代在"callback=?"這種GET或POST請(qǐng)求中URL參數(shù)里的"callback"部分，例如{jsonp:'onJsonPLoad'}會(huì)導(dǎo)致將"onJsonPLoad=?"傳給服務(wù)器。
17.username：
要求為String類(lèi)型的參數(shù)，用于響應(yīng)HTTP訪問(wèn)認(rèn)證請(qǐng)求的用戶(hù)名。
18.password：
要求為String類(lèi)型的參數(shù)，用于響應(yīng)HTTP訪問(wèn)認(rèn)證請(qǐng)求的密碼。
19.processData：
要求為Boolean類(lèi)型的參數(shù)，默認(rèn)為true。默認(rèn)情況下，發(fā)送的數(shù)據(jù)將被轉(zhuǎn)換為對(duì)象（從技術(shù)角度來(lái)講并非字符串）以配合默認(rèn)內(nèi)容類(lèi)型"application/x-www-form-urlencoded"。如果要發(fā)送DOM樹(shù)信息或者其他不希望轉(zhuǎn)換的信息，請(qǐng)?jiān)O(shè)置為false。
20.scriptCharset：
要求為String類(lèi)型的參數(shù)，只有當(dāng)請(qǐng)求時(shí)dataType為"jsonp"或者"script"，并且type是GET時(shí)才會(huì)用于強(qiáng)制修改字符集(charset)。通常在本地和遠(yuǎn)程的內(nèi)容編碼不同時(shí)使用。
