Ajax中瀏覽器和服務器交互詳解
更新時間：2015年01月06日 11:53:14 投稿：hebedich
這篇文章主要介紹了Ajax中瀏覽器和服務器交互詳解,需要的朋友可以參考下
在了解Ajax之前我們先了解一下瀏覽器和服務器之間如何進行交互的
1.瀏覽器向服務器發(fā)送請求
2.服務器接收到請求信息，根據(jù)不同的情況再返回給瀏覽器不同的信息
3.瀏覽器接收到信息，輸出到當前頁面上
上面介紹了瀏覽器和服務器交互的簡單示意圖，可以看到在最后一步，瀏覽器接收到信息后將本頁面的內容全部進行了更新，但是一般情況下我們只需要將部分內容進行更新，那怎么辦呢？于是服務器干脆將這個頁面的內容修改后全部發(fā)送給瀏覽器，于是第2步，服務器向瀏覽器發(fā)送的便是"天上星星有幾顆？我不知道啊"這么多的內容，瀏覽器重新更新當前頁面后的結果和發(fā)送前的結果一比較，只多了"我不知道啊"這些內容
很明顯，"天上星星有幾顆？"這些內容是重復的,有沒有一個辦法能只發(fā)送"我不知道啊"嗎？于是聰明的程序員就就就就....就將，stop，我們再回頭看第三步，瀏覽器接收到信息之后將當前頁面卸載掉并且重寫了，so ga，如果把卸載這一步取消掉，把重寫的操作改為修改不就ok了嗎？于是在瀏覽器和服務器之間就有了一個劫持者，他將服務器返回的信息劫持，然后取消了瀏覽器的卸載操作，并且修改了當前頁面，這就是Ajax的基本原理。
未完待續(xù)，過幾天會更新Ajax的詳細用法以及如何兼容不同的瀏覽器
相關文章
下面小編就為大家?guī)硪黄猘jax獲取php頁面的返回參數(shù),控件賦值的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
springmvc 結合ajax批量新增的實現(xiàn)方法
這篇文章主要介紹了springmvc 結合ajax批量新增的實現(xiàn)方法，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-11-11
最近老總提了一個小功能，在搜索網(wǎng)吧列表的時候加上網(wǎng)吧所屬代理商這個條件，原有的搜索條件是一個地區(qū)二級聯(lián)動，現(xiàn)在需要根據(jù)不同的地區(qū)顯示不同的代理商集合。2010-08-08
XMLHttpRequest of ajax...2006-06-06
ajax post方式表單提交setRequestHeader報錯解決方法
ajax post方式表單提交設置異步對象的xhr.setRequestHeader，在谷歌瀏覽器的編譯器中顯示傳值在Request Payload中這是錯誤的2014-09-09
用ajax xml的數(shù)據(jù)讀取的HelloWorld程序
我們經常會使用JavaScript實現(xiàn)動態(tài)的改變div里面的內容，尤其是使用ajax的時候，尤為重要。2009-04-04
菜鳥蔡之Ajax復習第二篇(JQuery中的load()方法實現(xiàn)Ajax功能)
在上一篇博客中寫到的是在傳統(tǒng)的Javascript中使用XMLHttpRequest對象異步加載數(shù)據(jù)的，唉，童鞋.......看到那些代碼是不是有點頭疼啊!呵呵......2012-11-11
這篇文章主要介紹了前后端ajax和json數(shù)據(jù)交換方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
ajax實現(xiàn)標簽導航...2006-11-11
從剛接觸前端開發(fā)起，跨域這個詞就一直以很高的頻率在身邊重復出現(xiàn)，一直到現(xiàn)在，已經調試過N個跨域相關的問題了，這篇文章主要介紹了AJAX跨域問題的解決方案2022-08-08