1、axios和fetch是沒有jsonp資料請求型別
2、axios和fetch都是promise
3、axios會對我們請求來的結果進行再一次封裝,即提高安全性(因為請求到的資料是裹挾在乙個物件中輸出的,提取資料還需要進一步操作,因此安全性提高)
4、fetch要手動進行一次資料格式化,但是axios是內部進行的資料格式化
5、fetch中的get方法請求資料,引數直接連線在url上
6、fetch格式化資料有三種處理方法
7、fetch中的post處理
8、vue的資料請求的發展
因為是第三方庫,所以可以在bootcdn**上直接引入axios到html文件,引入進axios到html文件中之後,會向全域性暴露乙個axios物件
示例
new
vue(
) console.
log(p)
//輸出的p是promise物件
},
// 第一種 --start 請求的是自己虛擬的資料,即mock資料
getdata()
).then
( res => console.
log( res )).
catch
( error => conosle.
log( error ))},
// 第一種 --end
// 第二種 --start 跨域請求線上資料(某些線上資料是請求不到的)
get_be_data()
','x-host'
:'mall.film-ticket.film.list'},
params:})
.then
(res => console.
log(res)).
catch
(error => console.
log(error))}
// 第二種 --end
// 第三種 --start 請求自己的介面資料,請求php檔案中的資料,跨域問題由後端解決,後端設定請求頭資訊(header('access-control-allow-origin:*');)
get_myself_php_data()
}).then
(res => console.
log(res)).
catch
(error => console.
log(error))}
// 第三種 --end }}
)
back end --後端,be
font end --前端,fe
npm.js**上的axios的post方法直接使用會出錯
解決方法:
1、先設定請求頭
2、例項化urlsearchparams的構造器函式得到params物件
示例
new
vue(
// }).then(res => console.log(res))
// .catch(error => console.log(error))},
// 解決方法示例
postdata()
, data: params
}).then
(res => console.
log(res)).
catch
(error => console.
log(error))}
}}
可以當做全域性變數使用,是掛載在window物件身上的
示例fetch中的get方法請求資料,引數直接連線在url上
fetch格式化資料有三種處理方法
new
vue(}}
)
fetch按照官方文件書寫post請求也會出錯,攜帶資料出問題
fetch post處理 示例
new
vue(),
body:
newurlsearchparams([
["a",1
],["b",2
]]).
tostring()
}).then
(res => res.
text()
).then
(data =>console.
log(data)).
catch
(error => console.
log(error))}
}
flask框架session儲存有兩種方式
session實現的原理 session是用來幹什麼的呢?由於http協議是乙個無狀態的協議,也就是說同乙個使用者第一次請求和第二次請求是完全沒有關係的,但是現在的 基本上有登入使用的功能,這就要求必須實現有狀態,而session機制實現的就是這個功能。使用者第一次請求後,將產生的狀態資訊儲存在se...
兩種if判斷
上海面試三 下面是c語言中兩種if語句判斷方式。請問哪種寫法更好?為什麼?int a if a1 第一種判斷方式 if 1a 第二判斷方式 答 這是個主觀題,不過多數人認為第二種好。從執行效率上講,第二種效率更高。另外,在編寫 時如果不小心將 寫成 即變成 1 a 這時編譯器將會給出錯誤提示。而如果...
PHP MySQL 無限級分類的兩種實現方案
方案一 表結構 id int primary key auto increment name varchar 40 pid int default 0 父類id,預設值為0 頂級分類的 pid 預設就是0了。當我們想取出某個分類的子分類樹的時候,基本思路就是遞迴,當然,出於效率問題不建議每次遞迴都查...