原生的ajax雖然在實(shí)際開發(fā)中很少編寫，但如果想將js高級框架底層學(xué)明白，那ajax的原理是必須要求精通的。?

本套ajax視頻對ajax底層實(shí)現(xiàn)原理講解非常透徹，對ajax發(fā)送異步請求的每一步都進(jìn)行了透徹的分析，讓你徹底搞懂搞透ajax。

課程主要涵蓋的內(nèi)容：

• ajax底層實(shí)現(xiàn)原理剖析

• ajax跨域

• 手寫jquery庫

• ajax省市聯(lián)動

• ajax實(shí)現(xiàn)搜索聯(lián)想

• ajax改造oa項(xiàng)目等

課程在理論層面非常深入，使用大量實(shí)戰(zhàn)案例來進(jìn)行驅(qū)動，能夠讓大家在歡快愉悅的環(huán)境當(dāng)中，掌握技術(shù)底層的實(shí)現(xiàn)原理。

Ajax的目的

首先現(xiàn)在的應(yīng)用當(dāng)中的功能都是頁面的局部刷新，Ajax可以幫助實(shí)現(xiàn)頁面的局部刷新。
如何理解局部刷新和全部刷新？

1、頁面全部刷新

比如說在百度的網(wǎng)站上，搜了一個(gè)信息，展示出下面一些很多信息，其中有一個(gè)東西叫超鏈接。我一點(diǎn)超鏈接跳轉(zhuǎn)到下一個(gè)頁面，這就不是頁面局部刷新，這叫頁面全部刷新。

簡單點(diǎn)說就是在百度的一個(gè)頁面上我點(diǎn)了一個(gè)超鏈接，點(diǎn)完之后跳到另外一個(gè)窗口里，在另外一個(gè)窗口當(dāng)中去瀏覽信息，這叫頁面的全部刷新。

2、頁面的局部刷新

比如：百度搜索框里面當(dāng)搜索一個(gè)東西的時(shí)候，下面在不停地刷新。

從軟件實(shí)現(xiàn)角度來說，我們輸進(jìn)去東西，那么這個(gè)東西肯定要發(fā)送到服務(wù)器上，服務(wù)器會根據(jù)關(guān)鍵字進(jìn)行檢索，下邊展現(xiàn)出的關(guān)聯(lián)詞，它是實(shí)時(shí)的從底層從服務(wù)器端獲取回來，展現(xiàn)到前端頁面上的。

當(dāng)這個(gè)關(guān)鍵詞發(fā)生了改變之后你它又會把這個(gè)改變了的關(guān)鍵詞也發(fā)送給服務(wù)器，服務(wù)器根據(jù)新的關(guān)鍵詞再去檢索到一些信息再返回來，于是這一塊的信息是就變化了，這就是頁面的局部刷新，Ajax就是做這件事情。

學(xué)習(xí)Ajax的作用

它可以讓頁面局部刷新，這樣做有什么好處呢？

主要是可以提高用戶的體驗(yàn)。

舉個(gè)例子：

現(xiàn)在這是一個(gè)瀏覽器，這邊是愛奇藝正在播放視頻，假如說已經(jīng)緩沖完了播放到一半了，右邊有一個(gè)登錄的一個(gè)表單，我們通過用戶名密碼點(diǎn)登錄，那么這個(gè)登錄的請求它是一個(gè)頁面全部刷新，這樣操作會有什么問題？
一旦我們點(diǎn)擊登錄那整個(gè)頁面全部重新加載，我們的愛奇藝視頻就要從零開始重新緩沖，也就是說如果頁面全部刷新的話，這個(gè)視頻一定是從零開始播放，用戶的體驗(yàn)中斷了。

但是現(xiàn)在的大部分請求是什么？

是右邊有一個(gè)登錄的表單，用戶名密碼寫上點(diǎn)登錄，然后只刷新登錄表單這一塊，登錄成功之后顯示您是金牌會員，您是銀牌會員，對整個(gè)網(wǎng)頁來說變化的信息只有這一塊，別的地方的東西都是不會刷新的，這叫頁面的局部刷新，這是為了提高用戶體驗(yàn)，不讓用戶的體驗(yàn)間斷，因?yàn)轫撁嫒克⑿碌脑挘绻W(wǎng)速不行，加載全頁面也加載不出來，用戶的體驗(yàn)是有空白期的。

Ajax就是做這件事情的一種技術(shù)，提高用戶的操作體驗(yàn)。

本套教程的課程亮點(diǎn)

這個(gè)視頻里邊最大的兩個(gè)亮點(diǎn)：

• 手寫jQuery

在前端庫里邊有一個(gè)庫叫jQuery，jQuery這個(gè)課程，其實(shí)是封裝的一個(gè)js文件，封裝好。
市面上大部分的培訓(xùn)機(jī)構(gòu)講法是什么？

主要是講庫怎么去用，把庫引進(jìn)來，然后告訴學(xué)員這里面由哪個(gè)方法去講，但是我們這套課程是基于Ajax，手動封裝一個(gè)jQuery的庫出來。

• 超詳細(xì)的跨域的解決方案

視頻中有Ajax跨域這部分內(nèi)容，在我們整個(gè)軟件界來說，跨域是很有名的一個(gè)單詞，但市面上還沒有像本套視頻一樣將跨域講的這么詳細(xì)的，能講這么底層的。

大部分跨域講法是：怎么解決跨域，我告訴你解決方案就行了，但是杜老師講的視頻不僅要告訴你怎么去解決跨域的問題，而且告訴真正解決跨域問題的關(guān)鍵點(diǎn)在什么地方，最底層的東西在哪兒，怎么解決的。

案例

1、省市聯(lián)動

例如：省市區(qū)，當(dāng)你選河北省的時(shí)候，右邊那個(gè)框就會顯示河北省的市區(qū)，當(dāng)你選擇河北省下的某一個(gè)市區(qū)，比如石家莊市，那么右邊第三個(gè)框就會動態(tài)聯(lián)動出來，動態(tài)的刷新出來，石家莊市下邊的區(qū)。這叫省市聯(lián)動效果，這是一個(gè)非常經(jīng)典的案例。

省市聯(lián)動操作視頻

2、搜索聯(lián)想和自動補(bǔ)全

什么叫自動補(bǔ)全？但我們搜索一個(gè)內(nèi)容時(shí)（比如用百度搜索Java）它不僅能聯(lián)想出來，而且當(dāng)你點(diǎn)完之后，它可以自動給你補(bǔ)全上面的信息，叫搜索聯(lián)想加自動補(bǔ)全，這是用Ajax做的。

總體來說，這套課程講的夠深入，不僅講表面怎么用，我們還講底層的原理，講的特別深入。

課程直擊原理，即使你是零基礎(chǔ)小白，但也不會因?yàn)楸咎渍n程講得很深入而學(xué)不明白。

學(xué)完之后讓你不但會使用Ajax，而且直擊底層的實(shí)驗(yàn)原理，用時(shí)不多，收獲卻很多哦~