自我學習記錄(一直會更新?)未完待續。。。。
先來回答乙個問題:除了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...