前後臺資料互動(Ajax WebSocket)

2021-10-11 01:56:03 字數 1600 閱讀 9184

本質:

由瀏覽器對伺服器發出http請求,然後由伺服器返回最新的資料給客戶端的瀏覽器。

用法:

})缺點:瀏覽器需要不斷的向伺服器發出請求,然而http請求可能包含較長的頭部,其中真正有效的資料可能只是很小的一部分,顯然這樣會浪費很多的頻寬等資源

本質:

websocket 是 html5 開始提供的一種在單個 tcp 連線上進行全雙工通訊的協議。

為了建立乙個 websocket 連線,客戶端瀏覽器首先要向伺服器發起乙個 http 請求,這個請求和通常的 http 請求不同,包含了一些附加頭資訊,其中附加頭資訊"upgrade: websocket"表明這是乙個申請協議公升級的 http 請求,伺服器端解析這些附加的頭資訊然後產生應答資訊返回給客戶端,客戶端和伺服器端的 websocket 連線就建立起來了,雙方就可以通過這個連線通道自由的傳遞資訊,並且這個連線會持續存在直到客戶端或者伺服器端的某一方主動的關閉連線。

用法:

建立websocket物件:

var socket =

newwebsocket

(url,

[protocol]);

//第乙個引數 url, 指定連線的 url。第二個引數 protocol 是可選的,指定了可接受的子協議

websocket屬性:socket.readystate(連線狀態)可取0,1,2,3

websocket事件:

websocket方法:

示例:

var web_socket=

newwebsocket

("ws://localhost:8080/iot-steel/socketserver");

web_socket.

onopen

=function

(e);

web_socket.

onmessage

=function

(e);

web_socket.

onerror

=function

(e);

web_socket.

onclose

=function

(e)

web前後臺資料互動的幾種方式

1.利用cookie物件 cookie是伺服器儲存在客戶端中的一小段資料資訊。使用cookie有乙個前提,就是客戶端瀏覽器允許使用cookie並對此做出相應的設定。一般不贊成使用cookie。1 後台 cookie cookie new cookie name hello response.addc...

vue(21) 前後端互動(獲取後台資料)

介面呼叫方式 概述 promise時非同步程式設計的一種解決方案,從語法上將,promise是乙個物件,從它可以獲取非同步操作的訊息 優點 基本用法 格式 var p newpromise function resolve,reject p.then function ret function re...

web前端與後台資料互動

1.前端請求資料url由誰來寫?在開發中,url主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數,這裡的查詢引數也就是url請求的引數。2.介面文件主要由誰來寫?介面文件也是主要由後台開發者來寫的,因為直接跟...