1.什么是Ajax
AJAX（Asynchronous JavaScript And XML）翻譯成中文就是“異步Javascript和XML”祟同。即使用Javascript語言與服務器進行異步交互，傳輸?shù)臄?shù)據(jù)為XML（當然垄开，傳輸?shù)臄?shù)據(jù)不只是XML）。
AJAX還有一個最大的特點就是忧吟，當服務器響應時件蚕，不用刷新整個瀏覽器頁面盟迟，而是可以局部刷新裆装。這一特點給用戶的感受是在不知不覺中完成請求和響應過程踱承。
與服務器異步交互；
瀏覽器頁面局部刷新哨免；
2.同步交互與異步交互
同步交互：客戶端發(fā)出一個請求后茎活，需要等待服務器響應結束后，才能發(fā)出第二個請求琢唾；
異步交互：客戶端發(fā)出一個請求后载荔，無需等待服務器響應結束，就可以發(fā)出第二個請求采桃。
3.AJAX常見應用情景
當我們在百度中輸入一個“傳”字后懒熙，會馬上出現(xiàn)一個下拉列表！列表中顯示的是包含“傳”字的10個關鍵字芍碧。
其實這里就使用了AJAX技術煌珊！當文件框發(fā)生了輸入變化時号俐，瀏覽器會使用AJAX技術向服務器發(fā)送一個請求泌豆，查詢包含“傳”字的前10個關鍵字，然后服務器會把查詢到的結果響應給瀏覽器吏饿，最后瀏覽器把這10個關鍵字顯示在下拉列表中踪危。
整個過程中頁面沒有刷新，只是刷新頁面中的局部位置而已猪落！
當請求發(fā)出后贞远，瀏覽器還可以進行其他操作，無需等待服務器的響應笨忌！
當輸入用戶名后蓝仲，把光標移動到其他表單項上時，瀏覽器會使用AJAX技術向服務器發(fā)出請求，服務器會查詢名為zhangSan的用戶是否存在袱结，最終服務器返回true表示名為zhangSan的用戶已經(jīng)存在了亮隙，瀏覽器在得到結果后顯示“用戶名已被注冊１。
整個過程中頁面沒有刷新垢夹，只是局部刷新了溢吻；
在請求發(fā)出后，瀏覽器不用等待服務器響應結果就可以進行其他操作果元；
4.AJAX的優(yōu)缺點
優(yōu)點：
AJAX使用Javascript技術向服務器發(fā)送異步請求促王；
AJAX無須刷新整個頁面；
因為服務器響應內容不再是整個頁面而晒，而是頁面中的局部蝇狼，所以AJAX性能高；
缺點：
AJAX并不適合所有場景倡怎，很多時候還是要使用同步交互题翰；
AJAX雖然提高了用戶體驗，但無形中向服務器發(fā)送的請求次數(shù)增多了诈胜，導致服務器壓力增大豹障；
因為AJAX是在瀏覽器中使用Javascript技術完成的，所以還需要處理瀏覽器兼容性問題焦匈；
Ajax的基本工作原理及流程：
在一般的 Web 應用程序中血公，用戶填寫表單字段并單擊 Submit 按鈕。然后整個表單發(fā)送到服務器缓熟，服務器將它轉發(fā)給處理表單的腳本（通常是 PHP 或 Java累魔，也可能是 CGI 進程或者類似的東西），腳本執(zhí)行完成后再發(fā)送回全新的頁面够滑。該頁面可能是帶有已經(jīng)填充某些數(shù)據(jù)的新表單的 HTML垦写，也可能是確認頁面，或者是具有根據(jù)原來表單中輸入數(shù)據(jù)選擇的某些選項的頁面彰触。當然梯投，在服務器上的腳本或程序處理和返回新表單時用戶必須等待。屏幕變成一片空白况毅，等到服務器返回數(shù)據(jù)后再重新繪制分蓖。這就是交互性差的原因，用戶得不到立即反饋尔许，因此感覺不同于桌面應用程序么鹤。
Ajax 基本上就是把 JavaScript 技術和 XMLHttpRequest 對象放在 Web 表單和服務器之間。當用戶填寫表單時味廊，數(shù)據(jù)發(fā)送給一些 JavaScript 代碼而不是 直接發(fā)送給服務器蒸甜。相反棠耕，JavaScript 代碼捕獲表單數(shù)據(jù)并向服務器發(fā)送請求。同時用戶屏幕上的表單也不會閃爍柠新、消失或延遲昧辽。換句話說，JavaScript 代碼在幕后發(fā)送請求登颓，用戶甚至不知道請求的發(fā)出搅荞。更好的是，請求是異步發(fā)送的框咙，就是說 JavaScript 代碼（和用戶）不用等待服務器的響應咕痛。因此用戶可以繼續(xù)輸入數(shù)據(jù)、滾動屏幕和使用應用程序喇嘱。
然后茉贡，服務器將數(shù)據(jù)返回 JavaScript 代碼（仍然在 Web 表單中），后者決定如何處理這些數(shù)據(jù)者铜。它可以迅速更新表單數(shù)據(jù)腔丧，讓人感覺應用程序是立即完成的，表單沒有提交或刷新而用戶得到了新數(shù)據(jù)作烟。JavaScript 代碼甚至可以對收到的數(shù)據(jù)執(zhí)行某種計算愉粤，再發(fā)送另一個請求，完全不需要用戶干預拿撩！這就是 XMLHttpRequest 的強大之處衣厘。它可以根據(jù)需要自行與服務器進行交互，用戶甚至可以完全不知道幕后發(fā)生的一切压恒。結果就是類似于桌面應用程序的動態(tài)影暴、快速響應、高交互性的體驗探赫，但是背后又擁有互聯(lián)網(wǎng)的全部強大力量型宙。
以上所述是小編給大家介紹的Ajax入門學習教程，希望對大家有所幫助
