從vue的2.0開始,作者說:vue-resource不再維護了
why: xmlhttprequest 是乙個設計粗糙的 api,配置和呼叫方式非常混亂, 而且基於事件的非同步模型寫起來不友好。檢視相容性
相容性不好,可以借助polyfill實現相容
1
//get
2fetch
("**?a=1&b=2").
then
(res=>res.
json()
).then
(res=>)3
fetch
("**").
then
(res=>res.
text()
).then
(res=>)4
//post
5fetch
("**",,
10 body:
"name=zhangsan&age=100"11}
).then
(res=>res.
json()
).then
(res=>);
12fetch
("/users",,
18 body:
json
.stringify()
22}).
then
(res=>res.
json()
).then
(res=>
);
fetch 請求預設是不帶 cookie 的,需要設定 fetch(url, )*
axios 是乙個基於 promise 的 http 庫,可以用在瀏覽器和 node.js 中。
特性:
從瀏覽器中建立 xmlhttprequests
從 node.js 建立 http 請求
支援 promise api
攔截請求和響應
轉換請求資料和響應資料
取消請求
自動轉換 json 資料
客戶端支援防禦 xsrf
安裝:
1、使用 npm:
$ npm install axios
2、使用 bower:
$ bower install axios
案例:
// get
axios.
get(
"json/test.json?name=zhangsan&age=10").
then
(res=>
)//post -1- x-www-form-urlencode
axios.
post
("json/test.json"
,"name=zhangsan&age=10").
then
(res=>
)axios.
post
("json/test.json",)
.then
(res=>
)
HTTP的幾種請求方式
基於http的請求方式一共有八種。get請求 這種方法是將資訊儲存在url中,既不安全,還無法傳遞太大的資料。官方說明 向特定的路徑資源發出請求。注意 get方法不應當被哦那個與產生 的操作中。一般的網路爬蟲都會從get入手。post 向指定的路徑提交資料進行處理請求,一般用於表單的提交資料。注意 ...
非同步請求的幾種方式
1.最原始的js new xmlhttprequest 由於瀏覽器相容的原因,複雜,多使用基於jquery的非同步請求方法 內部封裝 2.基於jquery的ajax方法 1 load url,data callback 例項如下 test load test.php function 2 getjs...
常用的幾種請求方式
這裡介紹的是常用的幾種請求方式 get一般是用於資訊獲取,是通過把引數拼接到url位址來進行操作的,所以是不安全的,而且長度有限 post的作用一般用於更新操作,請求引數是在請求正文裡的,所以相對於get請求方式來說是安全的,長度不限 put的請求方式類似ftp可以攜帶檔案上傳,一般用於檔案上傳,要...