什么是ajax呢肛真?看這里吧谐丢!結(jié)合現(xiàn)實中的例子,通俗易懂蚓让,讓你一看就會乾忱!
題外話:我因為個人原因,在老師講ajax的時候历极,我沒有在學校窄瘟,所以沒有聽關(guān)于ajax的內(nèi)容,導致有一段時間看到ajax就很頭疼趟卸!后來慢慢接觸多了蹄葱,也漸漸有所理解了∏绿剩現(xiàn)在我把我的理解告訴那些不懂,不理解ajax的同學抡草。希望我們共同進步怔揩。大佬如果看到此文章,有錯誤的地方麻煩您請指出來琼稻,我做修整!畢竟我也是才工作不久的新人吮螺,對于理解這些技術(shù)可能還不夠全面和深入!謝謝了帕翻!
我們來看看比較官方的說法:
AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)鸠补。
AJAX 通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換,使網(wǎng)頁實現(xiàn)異步更新嘀掸。這意味著可以在不重載整個頁面的情況下紫岩,對網(wǎng)頁的某些部分進行更新。
傳統(tǒng)的網(wǎng)頁(不使用 AJAX)如果需要更新內(nèi)容睬塌,必須重載整個頁面泉蝌。
看到這里,新萌就會懵逼了揩晴,一頭霧水勋陪!下面我用通俗易理解的例子,帶大家認識什么是ajax硫兰!
通俗的認識ajax诅愚!
大家現(xiàn)在設(shè)想一個場景,現(xiàn)在有一個老板劫映,這個老板在開會违孝,然后有客戶給老板打電話,要向老板采購一批貨物泳赋,這時候老板會怎么做呢雌桑,老板會叫旁邊的秘書去做這件事,這個秘書咱們就叫他“ajax”吧摹蘑,ajax去做這件事是一個什么樣的過程呢筹燕,他應該先到倉庫,然后查看貨物的數(shù)量衅鹿,是不是滿足客戶采購的數(shù)量撒踪。然后他告訴老板貨物的數(shù)量夠或者不夠,最后老板會告訴他大渤,夠的話應該怎么做制妄,不夠的話應該怎么做!
上面這個簡單的場景泵三,相信大家都能看懂耕捞。那么下面我們說回ajax衔掸!,在說ajax之前俺抽,先和大家說一下ajax的優(yōu)點敞映。
1、最大的一點是頁面無刷新磷斧,在頁面內(nèi)與服務(wù)器通信振愿,給用戶的體驗非常好。
2弛饭、使用異步方式與服務(wù)器通信冕末,不需要打斷用戶的操作,具有更加迅速的響應能力侣颂。
3档桃、可以把以前一些服務(wù)器負擔的工作轉(zhuǎn)嫁到客戶端,利用客戶端閑置的能力來處理憔晒,減輕服務(wù)器和帶寬的負擔藻肄,節(jié)約空間和寬帶租用成本。并且減輕服務(wù)器的負擔丛晌,ajax的原則是“按需取數(shù)據(jù)”仅炊,可以最大程度的減少冗余請求斗幼,和響應對服務(wù)器造成的負擔澎蛛。
4、基于標準化的并被廣泛支持的技術(shù)蜕窿,不需要下載插件或者小程序谋逻。
什么桐经?你說優(yōu)點你都看不懂毁兆??沒關(guān)系阴挣,看下面一步步給你分析气堕!
ajax的使用
說一下JQuery中ajax的使用,這個也是我們最常用的畔咧!
完整的 $.ajax 參數(shù) 比較復雜茎芭,這里采用了常見的調(diào)用方式。
(1)$.ajax({
? url: 表示訪問的路徑,
? data:表示提交的參數(shù),
? success: function(result){
? ? ? //這里寫你想做的事情
? }
});
//下面就說一下上面說道的場景誓沸,是怎么用的ajax的梅桩。
(2)$.ajax({
? url: //表示訪問的路徑,這個可以理解成 “去倉庫”,就是指引ajax怎么走
? data://表示提交的參數(shù),可以理解成 需要帶什么去倉庫,這個場景里拜隧,ajax需要知道客戶采購的是哪個貨物宿百,所以他需要帶上貨物的名稱
? success: function(result){//success可以理解成趁仙,ajax到倉庫清點完貨物數(shù)量后,接下來應該做什么垦页。result可以理解成結(jié)果雀费,實際上清點貨物是一個查詢的過程,
? ? ? if(result>100){//比如說客戶要100個痊焊,查詢到的結(jié)果大于100坐儿,那就可以給客戶發(fā)貨了
? ? // 滿足客戶要求的貨物數(shù)量,可以發(fā)貨給客戶
}else{//如果貨物少于客戶要的100個宋光,那就不能發(fā)貨了貌矿。
//不滿足客戶要求的貨物數(shù)量。
}
? }
});
? ?
到這里大家應該懂了吧罪佳,下面結(jié)合者這個場景逛漫,來說ajax的優(yōu)點
1、最大的一點是頁面無刷新赘艳,在頁面內(nèi)與服務(wù)器通信酌毡,給用戶的體驗非常好:老板只需要讓ajax去做這件事就好了,老板該干嘛干嘛蕾管!
2枷踏、使用異步方式與服務(wù)器通信,不需要打斷用戶的操作掰曾,具有更加迅速的響應能力:因為這件事讓ajax去做了旭蠕,不影響別人,所以別人該干嘛干嘛旷坦,又因為ajax是有目的掏熬,有針對性的,所以他做這件事會非趁朊罚快旗芬!
3、可以把以前一些服務(wù)器負擔的工作轉(zhuǎn)嫁到客戶端捆蜀,利用客戶端閑置的能力來處理疮丛,減輕服務(wù)器和帶寬的負擔,節(jié)約空間和寬帶租用成本辆它。并且減輕服務(wù)器的負擔誊薄,ajax的原則是“按需取數(shù)據(jù)”,可以最大程度的減少冗余請求娩井,和響應對服務(wù)器造成的負擔:如果沒有ajax這個秘書暇屋,那這件事都需要老板親自做了。如果每一件事都需要老師親自做的話洞辣,那老板就太累了咐刨。累到一定程度昙衅,老板就累死了,服務(wù)器就崩了定鸟!現(xiàn)在有了ajax這個秘書而涉,老板就沒有這么累了!
4联予、基于標準化的并被廣泛支持的技術(shù)啼县,不需要下載插件或者小程序:在場景里ajax是個人,有胳膊有腿沸久,要干什么事直接上手就行季眷,你用再給他裝胳膊,裝腿卷胯,裝腦袋了子刮。
結(jié)尾:
到這里,ajax就說的差不多了窑睁,我這篇博客不是說的大家如何用ajax挺峡,而是想告訴大家,怎么更好的去理解ajax担钮。ajax還有更多的參數(shù)橱赠,更多的內(nèi)容需要大家去學習!下面介紹一個我自己學習java的網(wǎng)站箫津,我覺得很好狭姨。很適合新人自學java。下面送上這個網(wǎng)站講解的ajax鲤嫡,希望對大家有所幫助送挑!
https://how2j.cn/k/jquery/jquery-ajax/474.html?p=115656
我自己創(chuàng)建了一個交流java的群,因為我也是個新人暖眼,有很多需要進步學習的地方,希望你加入我們纺裁!
群:917421921
同是菜鳥诫肠,我們共進步吧!加油欺缘!