web數據交互方式


也做了很久前端開發了,先總結下web數據交互方式,web數據交互,簡單的講,是client與server端的數據交互,通過http協議交互的。

 首先看一個傳統的頁面請求的生命周期:

1. 瀏覽器發送一個HTTP請求到Web服務器。
2. Web服務器解析請求,然后讀取數據存儲層,制定一個HTML文件,並用一個HTTP響應把它發送到客戶端。
3. HTTP響應通過互聯網傳送到瀏覽器。
4. 瀏覽器解析Web服務器的響應,使用HTML文件構建了一個的DOM樹,並且下載引用的CSS和JavaScript文件。
5. CSS資源下載后,瀏覽器解析它們,並將它們應用到DOM樹。
6. JavaScript資源下載后,瀏覽器解析並執行它們。 
 上述6個步驟是一個web頁面展現必不可少的,都要經歷的步驟,每個步驟花的時間都會影響頁面的展現的快慢的,以后會講下性能優化,這里主要講web交互方式,先略過。

 web數據交互,從server的角度講:主要有pull,push兩個,一個是拉,另外一個是推。

1)pull 是拉,客戶端向服務器端主動的拉取數據,采用的技術是ajax 和Xss(跨站腳本)

2)push 是服務器向客戶端主動的推動數據,第一種方式是長連接,客戶端與服務器之間一直保持着連接,如果有數據的更新,服務器向客戶端推送數據,客戶端接受服務器端的數據,可以理解為長輪詢,客戶端與服務器端必須一直是連接着的狀態。另外還有一種是偽長鏈接的。有2種實現方式,一種是基於ajax的,它與傳統的ajax的方式不同在於,服務器端會阻塞客戶端的請求直到有數據傳遞或者超時才返回。客戶端 JavaScript 響應處理函數會在處理完服務器返回的信息后,再次發出請求,重新建立連接。 當客戶端處理接收的數據、重新建立連接時,服務器端可能有新的數據到達;這些信息會被服務器端保存直到客戶端重新建立連接,客戶端會一次把當前服務器端所有的信息取回。   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM