fetch的get和post傳參

2021-08-03 22:55:44 字數 1615 閱讀 3775

原生get請求是在**鏈結後加上?key=value&key=value進行傳參。原生fetch中一般用法為fetch(url,).then((res)=>{}).catch((res)=>{});

1、其中配置引數一般如下:

method:請求使用的方法,如:post/get

headers:請求頭資訊,可能是字串,也有可能是header物件

body:請求的body資訊:可能是blod/buffersource/formdata/urlsearchparam或者是字串;post中傳參位置

mode:請求模式:cors /no-cors/same-origin;

credentials:請求的credentials

cache:請求的cache模式:default,no-store,reload,no-cache,force-cache ,only-if-cached

2、then中返回的為乙個promise物件

屬性:

res.status (number) - http請求結果引數,在100–599 範圍

res.statustext (string) - 伺服器返回的狀態報告

res.ok (boolean) - 如果返回200表示請求成功則為true

res.headers (headers) - 返回頭部資訊,下面詳細介紹

res.url (string) - 請求的位址

方法:res.text() - 以string的形式生成請求text

res.json() - 生成json.parse(responsetext)的結果

res.blob() - 生成乙個blob

res.arraybuffer() - 生成乙個arraybuffer

res.formdata() - 生成格式化的資料,可用於其他的請求

其他方法:

clone()

response.error()

response.redirect()

例項化乙個post傳參型別fetch請求

接下來解決一下get請求傳參:
1、最簡單的方法已知url中不帶問號?

fetch(url + "?" + a,).then((res)=>{}).catch((res)=>{})

2、萬能處理的方法,直接先封裝乙個函式去判斷url中是否存在?
export

function get(url,params) else

} //fetch請求

fetch(url,)

.then

((response) => {}).catch

((error) => )

}

此外fetch中介軟體fetchjsonp還可用於跨域

vue router傳引數(get和post方式)

本文主要介紹vue router傳引數的兩種方式 1 get方式 頁面跳轉 this.router.push 類似get傳參,通過url傳遞引數 新頁面接收引數 this.route.query.id 2 post方式 頁面跳轉 由於動態路由也是傳遞params的,所以在 this.router.p...

Get和Post的引數傳值

1.get是從伺服器上獲取資料,post是向伺服器傳送資料。2.get是把引數資料佇列加到提交表單的action屬性所指的url中,值和表單內各個字段一一對應,在url中可以看到。post是通過http post機制,將表單內各個字段與其內容放置在html header內一起傳送到action屬性所...

requests中get和post傳參

get url,params none,kwargs requests實現get請求傳參的兩種方式 方式一 import requests url 使用?攜帶引數 r requests.get url print r.url 執行結果 方式二 import requests url params 也...