資料請求的幾種方式

2021-10-11 21:30:13 字數 1603 閱讀 4132

從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可以攜帶檔案上傳,一般用於檔案上傳,要...