promise axios封裝ajax請求的函式

2021-08-29 09:52:51 字數 1206 閱讀 9865

1. axios.js檔案

//ajax請求函式模組,返回值: promise物件(非同步返回的資料是: response.data)

import axios from 'axios'

export default function ajax (url, data={}, type='get') )

if (datastr !== '')

// 傳送get請求

promise = axios.get(url)

} else

promise.then(function (response) ).catch(function (error) )

})}/*

const response = await ajax()

const result = response.data

const resule = await ajax()

*/

2. index.js檔案(引用方法)
/*

包含n個介面請求函式的模組

函式的返回值: promise物件

// 1、根據經緯度獲取位置詳情

export const reqaddress = (geohash) => ajax(`$/position/$`)

// 2、獲取食品分類列表

export const reqfoodcategorys = () => ajax(base_url+'/index_category')

// 3、根據經緯度獲取商鋪列表

export const reqshops = (longitude, latitude) => ajax(base_url+'/shops', )

// 4、根據經緯度和關鍵字搜尋商鋪列表

export const reqsearchshop = (geohash, keyword) => ajax(base_url+'/search_shops', )

// 6、使用者名稱密碼登陸

export const reqpwdlogin = () => ajax(base_url+'/login_pwd', , 'post')

封裝與解封裝

封裝與解封裝 封裝動作 從高層往低層依次封裝,在每一層使用特定的協議,對資料進行處理,在資料前新增特定的協議報頭。封裝原則 1 每一層在上一層資料前新增協議報頭 2 新增完協議報頭的整體,就是該層的pdu 3 每一層的pdu對於下一層來說就是上層資料 每一層的上層資料就是上層的pdu pdu 協議資...

pdo mysql 封裝 pdo mysql 封裝

namespace core 資料庫操作類 author chenyuwen class database 鏈結目標物件 var string protected db target null 使用者名稱 var string protected user name null 密碼 var stri...

jquery封裝之 css封裝

我之間我的部落格裡面有提到,自定義的庫和jquery庫是水火不相容的,其實在我學習了css封裝後,我算是大徹大悟。在前面的時候我提到,獲取節點,要用到繁瑣的getid,getclass,gettagname.今天學習了css封裝,我們也可以簡化js 設定 我自己定義的base.js 前台呼叫 var...