Ajax中瀏覽器和服務(wù)器交互詳解
在了解Ajax之前我們先了解一下瀏覽器和服務(wù)器之間如何進(jìn)行交互的
1.瀏覽器向服務(wù)器發(fā)送請(qǐng)求
2.服務(wù)器接收到請(qǐng)求信息，根據(jù)不同的情況再返回給瀏覽器不同的信息
3.瀏覽器接收到信息，輸出到當(dāng)前頁(yè)面上
上面介紹了瀏覽器和服務(wù)器交互的簡(jiǎn)單示意圖，可以看到在最后一步，瀏覽器接收到信息后將本頁(yè)面的內(nèi)容全部進(jìn)行了更新，但是一般情況下我們只需要將部分內(nèi)容進(jìn)行更新，那怎么辦呢？于是服務(wù)器干脆將這個(gè)頁(yè)面的內(nèi)容修改后全部發(fā)送給瀏覽器，于是第2步，服務(wù)器向?yàn)g覽器發(fā)送的便是"天上星星有幾顆？我不知道啊"這么多的內(nèi)容，瀏覽器重新更新當(dāng)前頁(yè)面后的結(jié)果和發(fā)送前的結(jié)果一比較，只多了"我不知道啊"這些內(nèi)容
很明顯，"天上星星有幾顆？"這些內(nèi)容是重復(fù)的,有沒(méi)有一個(gè)辦法能只發(fā)送"我不知道啊"嗎？于是聰明的程序員就就就就....就將，stop，我們?cè)倩仡^看第三步，瀏覽器接收到信息之后將當(dāng)前頁(yè)面卸載掉并且重寫(xiě)了，so ga，如果把卸載這一步取消掉，把重寫(xiě)的操作改為修改不就ok了嗎？于是在瀏覽器和服務(wù)器之間就有了一個(gè)劫持者，他將服務(wù)器返回的信息劫持，然后取消了瀏覽器的卸載操作，并且修改了當(dāng)前頁(yè)面，這就是Ajax的基本原理。
未完待續(xù)，過(guò)幾天會(huì)更新Ajax的詳細(xì)用法以及如何兼容不同的瀏覽器
相關(guān)文章
Ajax在請(qǐng)求過(guò)程中顯示進(jìn)度的簡(jiǎn)單實(shí)現(xiàn)
ajax技術(shù)在web應(yīng)用中使用非常頻繁，本文以asp.net MVC為示例，提供一種簡(jiǎn)單的實(shí)現(xiàn)方式。ajax在請(qǐng)求過(guò)程中顯示進(jìn)度條，是怎么實(shí)現(xiàn)的呢？本文通過(guò)代碼和文字說(shuō)明相結(jié)合的方式分享給大家。2015-09-09
js跨域調(diào)用WebService的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js跨域調(diào)用WebService的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
ajax返回的json內(nèi)容進(jìn)行排序使用sort()方法實(shí)現(xiàn)
關(guān)于ajax返回的json內(nèi)容進(jìn)行排序，主要使用sort()對(duì)數(shù)組的元素進(jìn)行排序，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
甩掉ashx和asmx使用jQuery.ajaxWebService請(qǐng)求WebMethod簡(jiǎn)練處理Ajax
這篇文章主要介紹了甩掉ashx和asmx使用jQuery.ajaxWebService請(qǐng)求WebMethod簡(jiǎn)練處理Ajax的相關(guān)資料,需要的朋友可以參考下2016-08-08
Ajax 配合node js multer 實(shí)現(xiàn)文件上傳功能
這篇文章主要介紹了Ajax 配合node js multer 實(shí)現(xiàn)文件上傳功能,需要的朋友可以參考下2017-08-08
AJAX應(yīng)用之草稿自動(dòng)保存...2006-10-10
這篇文章主要為大家詳細(xì)介紹了ajax使用formdata上傳文件流，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
Ajax二級(jí)聯(lián)動(dòng)菜單實(shí)現(xiàn)原理及代碼
二級(jí)聯(lián)動(dòng)菜單,一個(gè)多么方便且實(shí)用的用戶交互功能，有需求的朋友可以參考下本文，或許對(duì)你的菜單知識(shí)深入學(xué)習(xí)有幫助，好了，閑話不多說(shuō)，看代碼吧2013-01-01
這篇文章主要介紹了AjaxToolKit之Rating控件使用方法的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要為大家詳細(xì)介紹了如何使用AJAX實(shí)現(xiàn)局部刷新功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2017-06-06