介面呼叫方式
概述
promise時非同步程式設計的一種解決方案，從語法上將，promise是乙個物件，從它可以獲取非同步操作的訊息
優點：
基本用法：
格式：
var p=
newpromise
(function
(resolve,reject))p.
then
(function
(ret)
,function
(ret)
)
var p =
newpromise
(function
(resolve, reject)
else},
100)})
p.then
(function
(ret)
,function
(ret)
)
function
querydata
(url)
else
} xml.
open
('get'
, url)
; xml.
send
(null)}
)return p;
}querydata
('data.json').
then
(function
(data)
,function
(info)
)
傳送多次ajax請求
格式：
querydata
(url)
.then
(function
(data)).
then
(function
(data)
)...
;
then引數中的函式返回值：
例項方法
結構：
querydata
(url)
.then
(function
(data)).
catch
(function
(data)).
finally
(function
(data)
)
promise.
all(
[p1,p2,p3]).
then
(data=>
)promise.
race
([p1,p2,p3]).
then
(data=>
)
fetch
(url)
.then
(fn1)
.then
(fn2)
....
.catch
(fn)
fetch
('data.json').
then
(data =>).
then
(data =>
)
fetch請求引數
get請求引數
//推薦
fetch
('/abc?id=5').
then
(data =>).
then
(data =>
)//或
fetch
('/abc/5').
then
(data =>).
then
(data =>
)
fetch
('/abc'})
.then
(data =>).
then
(data =>
)
前後臺資料互動（Ajax WebSocket）
本質 由瀏覽器對伺服器發出http請求，然後由伺服器返回最新的資料給客戶端的瀏覽器。用法 缺點 瀏覽器需要不斷的向伺服器發出請求，然而http請求可能包含較長的頭部，其中真正有效的資料可能只是很小的一部分，顯然這樣會浪費很多的頻寬等資源 本質 websocket 是 html5 開始提供的一種在單個...
Vue 前後端互動 （Promise）
目錄非同步呼叫 promise promise 常用api 物件方法 schema host port path query fragmentschema 協議 http ftp host 網域名稱或 ip 位址 port 埠 預設為 80 path 路徑 abc lzh 虛擬 用於區分資源 que...
vue 前後端互動模式
介面呼叫方式 url位址格式 schema 協議。例如http，https，ftp等 port 埠，http預設埠80，可以省略 path 路徑，例如 abc a b c query 查詢引數，例如uname lisi age 13 fragment 錨點 雜湊hash 用於定位頁面的某個位置 a ...