js fetch基礎用法學習(一)

2021-10-02 04:31:48 字數 3837 閱讀 3309

fetch 傳遞引數的方式

使用 fetch mdn

第乙個引數是 url 位址

第二個引數是請求的配置資訊,包含headers、請求型別(get/post)、是否跨域等資訊

fetch

(url,

, method:

"post"

,// *get, post, put, delete, etc.

mode:

"cors"

,// no-cors, cors, *same-origin

redirect:

"follow"

,// manual, *follow, error

referrer:

"no-referrer"

// *client, no-referrer})

.then

(response => response.

json()

)// parses response to json

.then

(function

(myjson)

);

1:method : 請求使用的方法,如 get、post。

2:headers: 請求的頭資訊,形式為 [headers] 的物件或包含 [bytestring] 值的物件字面量。

3:body: 請求的 body 資訊:可能是乙個 [blob]、[buffersource]、[formdata]、[urlsearchparams]或者 [usvstring] 物件。

注意 get 或 head 方法的請求不能包含 body 資訊。

4:mode: 請求的模式,如 cors、 no-cors 或者 same-origin。

5:credentials: 請求的 credentials,如omit、``same-origin 或者include。為了在當前網域名稱內自動傳送 cookie ,必須提供這個選項, 從 chrome 50 開始, 這個屬性也可以接受[federatedcredential] 例項或是乙個 [passwordcredential] 例項。

6:cache : 請求的 cache 模式: default 、 no-store 、reload 、no-cache 、force-cache 或者 only-if-cached 。

7:redirect: 可用的 redirect 模式: follow (自動重定向), error (如果產生重定向將自動終止並且丟擲乙個錯誤), 或者 manual (手動處理重定向). 在chrome中,chrome 47之前的預設值是 follow,從 chrome 47開始是 manual。

8:referrer: 乙個 [usvstring] 可以是no-referrer、``client或乙個 url。預設是client。

10:integrity: 包括請求的 [subresource integrity]值 ( 如:sha256bpfbw7ivv8q2jlit13fxdyae2tjllusrsz273h2nfse=)。

fetch 返回的是乙個promise物件

promise 物件獲取到的是乙個response物件,即response物件只是乙個 http 響應,而不是真的json。

為了獲取後台返回的json內容,我們需要使用response.json()方法在第二個then方法中才能獲取後台返回的資料

)// 第二個 then 才是獲取後台實際返回的結果

)// 第二個 then 才是獲取後台實際返回的結果

.then

(function

(response));

}

需要設定 header'content-type':'mutlipart/form-data'

)// 第二個 then 才是獲取後台實際返回的結果

Android AsyncTask用法 學習了

由於android中,涉及到ui介面的更新等,必須在主線程中執行,而很多時候,ui介面更新比較耗時,如果不使用非同步載入方式實現的話,很容易導致anr異常。出於安全考慮,一些耗時操作最好用非同步方式實現。asynctask,是android提供的輕量級的非同步類,可以直接繼承asynctask,在類...

Linux fastboot 用法學習歸納

最近一衝動就將 windows 系統給全部格式化掉了,完全地換上了 ubuntu 系統。不過好在是 windows 輕度使用者,加之原來工作也一般是在 ubuntu 的虛擬機器 伺服器中,所以過渡到 linux 環境下也並沒有多大的不適。最蛋疼的有三點,1 onenote 的缺失 只能用 web 版...

C nth element函式用法學習

nth element 需要標頭檔案。典型參數列為 nth element randomit first,randomit nth,randomit last,compare comp less nth element的作用就是根據nth這個引數,把容器內的元素分為2組,nth之前的都比它小,nth...