2***@qq.com
2***@qq.com
  • 发布:2021-02-23 17:33
  • 更新:2023-12-21 14:18
  • 阅读:1003

mui ajax 封装成Promise <仅供参考> 可以优雅的使用 async/await

分类:MUI
import mui from '@/assets/mui/js/mui'  

const { ajax } = mui  

function promiseAjax (url, type, params, options = {}) {  
  return new Promise((res, rej) => {  
    try {  
      ajax(url, {  
        data: params,  
        dataType: options.dataType || 'json',//服务器返回json格式数据  
        type: type,//HTTP请求类型  
        timeout: options.timeout || 10000,//超时时间设置为10秒;  
        headers: options.headers || { 'Content-Type': 'application/json' },  
        success: function (data) {  
          res(data)  
        },  
        error: function (xhr, type, errorThrown) {  
          rej(errorThrown)  
        },  
      })  
    } catch (e) {  
      rej(e)  
    }  
  })  
}  

export default {  
  get (url, params, options) {  
    return promiseAjax(url, 'get', params, options)  
  },  
  post (url, params, options) {  
    return promiseAjax(url, 'post', params, options)  
  },  
}  
1 关注 分享
DCloud_UNI_HRK

要回复文章请先登录注册

喜欢技术的前端

喜欢技术的前端

可以改改
```
import mui from '@/assets/mui/js/mui'
const baseUrl = 'http://www.baidu.com'
const { ajax } = mui

function promiseAjax (url, type, params, options = {}) {
return new Promise((res, rej) => {
try {
ajax(baseUrl + url, {
data: params,
dataType: options.dataType || 'json',//服务器返回json格式数据
type: type,//HTTP请求类型
timeout: options.timeout || 10000,//超时时间设置为10秒;
headers: options.headers || { 'Content-Type': 'application/json' },
success: function (data) {
res(data)
},
error: function (xhr, type, errorThrown) {
rej(errorThrown)
},
})
} catch (e) {
rej(e)
}
})
}

```
2023-12-21 14:18
1***@qq.com

1***@qq.com

怎么设置baseUrl
2023-12-21 14:15