fetch學習總結

2021-09-11 13:28:52 字數 960 閱讀 9827

自我學習記錄(一直會更新?)未完待續。。。。

先來回答乙個問題:除了ajax獲取後台資料之外,還有沒有其他的替代方案?    

答:fetch

複製**

fetch(input, init) // 這個方法接受兩個引數: 

複製**

引數

說明input

定義要獲取的資源。包含要獲取資源的 url

init

這個引數是可選的,它傳入乙個配置項物件,可以用它來包括所對請求進行設定

配置如下:

引數說明(指定提交方式)

指定提交方式是表單提交 引數

說明cors

跨域no-cors

不跨域same-origin同源

引數說明

omit預設忽略的意思,也就是不帶cookie

same-origin

意思就是同源請求帶cookie

include表示無論跨域還是同源請求都會帶cookie

如果遇到不會的,可以參考vuemao-csr上的fetch

// fetch post

fetch('url', ,

credentials: 'include', // 請求都帶cookie

body: querystring.stringify(param)

}).then((res)=>).then((res)=>)

複製**

// fetch get

fetch('url', ).then((res) => ).then((res) => )

複製**

參考,個人很喜歡

fetch學習筆記

在 js 中使用 fetch 更加高效地進行網路請求 在前端快速發展地過程中,為了契合更好的設計模式,產生了 fetch 框架,此文將簡要介紹下 fetch 的基本使用。在 chrome 瀏覽器中已經全域性支援了 fetch 函式,開啟除錯工具,在 console 中可以進行初體驗。先不考慮跨域請求...

Fetch學習筆記。

fetch api提供了乙個獲取資源的介面 包括跨域 任何使用過xmlhttprequest的人都能輕鬆上手,但新的api提供了更強大和靈活的功能集。fetch提供了對request和response物件的通用定義。使之今後可以被使用到更多地應用場景中 無論是service workers cach...

學習記錄 Fetch

2.2 delete 2.3 post 2.4 put 3.fetchapi 中響應格式 4.關注分離的設計思想 fetch api 基本用法 fetch url then 第乙個引數請求的路徑 fetch會返回promise 所以我們可以使用then 拿到請求成功的結果 刪除id是789的資料 b...