用axios封裝乙個jq版的ajax

2021-08-25 05:35:23 字數 1292 閱讀 9347

* 封裝axios,減少學習成本,引數基本跟jq ajax一致

* @param type 請求的型別,預設post

* @param url 請求位址

* @param time 超時時間

* @param data 請求引數

* @param datatype 預期伺服器返回的資料型別,xml html json ...

* @param headers 自定義請求headers

* @param success 請求成功後,這裡會有兩個引數,伺服器返回資料,返回狀態,[,data res]

* @param error 傳送請求前

* @param return

import axios from 'axios';

var rxports=;

if (!opts.url)

let obj=,

// `baseurl` 將自動加在 `url` 前面,除非 `url` 是乙個絕對 url。

// 它可以通過設定乙個 `baseurl` 便於為 axios 例項的方法傳遞相對 url

//baseurl:'',

baseurl:self.apiuri(),

timeout: opts.time || 10*1000,

responsetype: opts.datatype || 'json',

}opts["data"] = opts["data"]||{};

//進行資料深度拷貝。防止修改資料時將原始資料汙染;

let str = json.stringify( opts["data"]);

opts["data"] = json.parse(str);

opts["data"]["token"] = opts["data"]["token"] || self.gettoken("token")["token"];

//this.log(opts["data"]["token"]);

if( opts.type =='post'))

}else

}axios(obj).then(function(res)

}}elseelse

}}).catch(function (error)else

});}

}

用XHR簡單封裝乙個axios

get請求 button button onclick testpost post請求 button button onclick testput put請求 button button onclick testdelete delete請求 button div script function t...

封裝乙個axios 利用xhr和promise

基本思路 一 建立乙個promise物件,成功的結果為response,異常的結果為error 二 利用xhr建立乙個ajax請求 2.1建立xhr物件 2.2開啟連線 初始化請求 2.3 根據請求方式來決定要不要傳請求體引數 2.4監視狀態,如果請求成功呼叫reject 失敗resolve 獲取狀...

Axios請求封裝乙個公共的請求頭

assets commom js 下新建乙個js檔案 eg requestparams.js function buildrequestparam conparam con conparam return param 重要的事情說三遍,一定要匯出,一定要匯出,一定要匯出 export default...