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