簡單通俗的讓你了解什么是ajax弄痹,即使你是小白饭入,菜鳥也能看懂!

什么是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

同是菜鳥诫肠,我們共進步吧!加油欺缘!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末栋豫,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子谚殊,更是在濱河造成了極大的恐慌丧鸯,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,284評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件嫩絮,死亡現(xiàn)場離奇詭異丛肢,居然都是意外死亡围肥,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評論 3 395
  • 文/潘曉璐 我一進店門蜂怎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來穆刻,“玉大人,你說我怎么就攤上這事杠步∏馕埃” “怎么了?”我有些...
    開封第一講書人閱讀 164,614評論 0 354
  • 文/不壞的土叔 我叫張陵幽歼,是天一觀的道長朵锣。 經(jīng)常有香客問我,道長甸私,這世上最難降的妖魔是什么猪勇? 我笑而不...
    開封第一講書人閱讀 58,671評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮颠蕴,結(jié)果婚禮上泣刹,老公的妹妹穿的比我還像新娘。我一直安慰自己犀被,他們只是感情好椅您,可當我...
    茶點故事閱讀 67,699評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著寡键,像睡著了一般掀泳。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上西轩,一...
    開封第一講書人閱讀 51,562評論 1 305
  • 那天员舵,我揣著相機與錄音,去河邊找鬼藕畔。 笑死马僻,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的注服。 我是一名探鬼主播韭邓,決...
    沈念sama閱讀 40,309評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼溶弟!你這毒婦竟也來了女淑?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,223評論 0 276
  • 序言:老撾萬榮一對情侶失蹤辜御,失蹤者是張志新(化名)和其女友劉穎鸭你,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,668評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡袱巨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,859評論 3 336
  • 正文 我和宋清朗相戀三年阁谆,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瓣窄。...
    茶點故事閱讀 39,981評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡笛厦,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出俺夕,到底是詐尸還是另有隱情裳凸,我是刑警寧澤,帶...
    沈念sama閱讀 35,705評論 5 347
  • 正文 年R本政府宣布劝贸,位于F島的核電站姨谷,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏映九。R本人自食惡果不足惜梦湘,卻給世界環(huán)境...
    茶點故事閱讀 41,310評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望件甥。 院中可真熱鬧捌议,春花似錦、人聲如沸引有。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽譬正。三九已至宫补,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間曾我,已是汗流浹背粉怕。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留抒巢,地道東北人贫贝。 一個月前我還...
    沈念sama閱讀 48,146評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像虐秦,于是被迫代替她去往敵國和親平酿。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,933評論 2 355

推薦閱讀更多精彩內(nèi)容