axios fetch兩種框架級請求總結

2021-09-24 16:13:10 字數 2336 閱讀 8551

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了。當我們想取出某個分類的子分類樹的時候,基本思路就是遞迴,當然,出於效率問題不建議每次遞迴都查...