什么是ajax呢?看這里吧!結合現(xiàn)實中的例子,通俗易懂,讓你一看就會!
題外話:我因為個人原因,在老師講ajax的時候,我沒有在學校,所以沒有聽關于ajax的內容,導致有一段時間看到ajax就很頭疼!后來慢慢接觸多了,也漸漸有所理解了。現(xiàn)在我把我的理解告訴那些不懂,不理解ajax的同學。希望我們共同進步。大佬如果看到此文章,有錯誤的地方麻煩您請指出來,我做修整!畢竟我也是才工作不久的新人,對于理解這些技術可能還不夠全面和深入!謝謝了!
我們來看看比較官方的說法:
AJAX 是一種用于創(chuàng)建快速動態(tài)網頁的技術。
AJAX 通過在后臺與服務器進行少量數(shù)據(jù)交換,使網頁實現(xiàn)異步更新。這意味著可以在不重載整個頁面的情況下,對網頁的某些部分進行更新。
傳統(tǒng)的網頁(不使用 AJAX)如果需要更新內容,必須重載整個頁面。
看到這里,新萌就會懵逼了,一頭霧水!下面我用通俗易理解的例子,帶大家認識什么是ajax!
通俗的認識ajax!
大家現(xiàn)在設想一個場景,現(xiàn)在有一個老板,這個老板在開會,然后有客戶給老板打電話,要向老板采購一批貨物,這時候老板會怎么做呢,老板會叫旁邊的秘書去做這件事,這個秘書咱們就叫他“ajax”吧,ajax去做這件事是一個什么樣的過程呢,他應該先到倉庫,然后查看貨物的數(shù)量,是不是滿足客戶采購的數(shù)量。然后他告訴老板貨物的數(shù)量夠或者不夠,最后老板會告訴他,夠的話應該怎么做,不夠的話應該怎么做!
上面這個簡單的場景,相信大家都能看懂。那么下面我們說回ajax!,在說ajax之前,先和大家說一下ajax的優(yōu)點。
1、最大的一點是頁面無刷新,在頁面內與服務器通信,給用戶的體驗非常好。
2、使用異步方式與服務器通信,不需要打斷用戶的操作,具有更加迅速的響應能力。
3、可以把以前一些服務器負擔的工作轉嫁到客戶端,利用客戶端閑置的能力來處理,減輕服務器和帶寬的負擔,節(jié)約空間和寬帶租用成本。并且減輕服務器的負擔,ajax的原則是“按需取數(shù)據(jù)”,可以最大程度的減少冗余請求,和響應對服務器造成的負擔。
4、基于標準化的并被廣泛支持的技術,不需要下載插件或者小程序。
什么?你說優(yōu)點你都看不懂??沒關系,看下面一步步給你分析!
ajax的使用
說一下JQuery中ajax的使用,這個也是我們最常用的!
完整的 $.ajax 參數(shù) 比較復雜,這里采用了常見的調用方式。
(1)$.ajax({
? url: 表示訪問的路徑,
? data:表示提交的參數(shù),
? success: function(result){
? ? ? //這里寫你想做的事情
? }
});
//下面就說一下上面說道的場景,是怎么用的ajax的。
(2)$.ajax({
? url: //表示訪問的路徑,這個可以理解成 “去倉庫”,就是指引ajax怎么走
? data://表示提交的參數(shù),可以理解成 需要帶什么去倉庫,這個場景里,ajax需要知道客戶采購的是哪個貨物,所以他需要帶上貨物的名稱
? success: function(result){//success可以理解成,ajax到倉庫清點完貨物數(shù)量后,接下來應該做什么。result可以理解成結果,實際上清點貨物是一個查詢的過程,
? ? ? if(result>100){//比如說客戶要100個,查詢到的結果大于100,那就可以給客戶發(fā)貨了
? ? // 滿足客戶要求的貨物數(shù)量,可以發(fā)貨給客戶
}else{//如果貨物少于客戶要的100個,那就不能發(fā)貨了。
//不滿足客戶要求的貨物數(shù)量。
}
? }
});
? ?
到這里大家應該懂了吧,下面結合者這個場景,來說ajax的優(yōu)點
1、最大的一點是頁面無刷新,在頁面內與服務器通信,給用戶的體驗非常好:老板只需要讓ajax去做這件事就好了,老板該干嘛干嘛!
2、使用異步方式與服務器通信,不需要打斷用戶的操作,具有更加迅速的響應能力:因為這件事讓ajax去做了,不影響別人,所以別人該干嘛干嘛,又因為ajax是有目的,有針對性的,所以他做這件事會非常快!
3、可以把以前一些服務器負擔的工作轉嫁到客戶端,利用客戶端閑置的能力來處理,減輕服務器和帶寬的負擔,節(jié)約空間和寬帶租用成本。并且減輕服務器的負擔,ajax的原則是“按需取數(shù)據(jù)”,可以最大程度的減少冗余請求,和響應對服務器造成的負擔:如果沒有ajax這個秘書,那這件事都需要老板親自做了。如果每一件事都需要老師親自做的話,那老板就太累了。累到一定程度,老板就累死了,服務器就崩了!現(xiàn)在有了ajax這個秘書,老板就沒有這么累了!
4、基于標準化的并被廣泛支持的技術,不需要下載插件或者小程序:在場景里ajax是個人,有胳膊有腿,要干什么事直接上手就行,你用再給他裝胳膊,裝腿,裝腦袋了。
結尾:
到這里,ajax就說的差不多了,我這篇博客不是說的大家如何用ajax,而是想告訴大家,怎么更好的去理解ajax。ajax還有更多的參數(shù),更多的內容需要大家去學習!下面介紹一個我自己學習java的網站,我覺得很好。很適合新人自學java。下面送上這個網站講解的ajax,希望對大家有所幫助!
https://how2j.cn/k/jquery/jquery-ajax/474.html?p=115656
我自己創(chuàng)建了一個交流java的群,因為我也是個新人,有很多需要進步學習的地方,希望你加入我們!
群:917421921
同是菜鳥,我們共進步吧!加油!