uniapp中封装ajax方法

ajax.js

// 记录调用 request 方法的次数
let ajaxTimes = 0// 请求地址的基本路径
const baseUrl = 'https://api-hmugo-web.itheima.net/api/public/v1'
function request(params) {// 每次调用 request 方法时，将 ajaxTimes 计数器自增一ajaxTimes++// 显示加载数据的提示uni.showLoading({title: '加载中',mask: true})return new Promise(function (resolve, reject) {uni.request({...params,method: params.methods,url: baseUrl + params.url,success(res) {resolve(res)},fail(err) {reject(err)},complete() {// 每当完成一个请求，让 ajaxTimes 计数器自减一ajaxTimes--if (ajaxTimes === 0) {// 停止加载数据的提示uni.hideLoading()}}})})
}function add () {console.log('1111')
}
export {request
}

在vue文件中引入

import { request } from '@/util/ajax.js'

使用

onLoad() {request({methods:'GET',url: '/home/swiperdata'}).then(res => {console.log(res)})}

uniapp中封装ajax方法相关推荐

apiCloud中api.ajax方法跨域传参获取数据
apiCloud中的ajax方法,可以自动处理跨域访问数据,不必使用jsonp来处理了. 使用ajax方法,必须要在apiready = function() {}方法中获取参数 var pageP ...
用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
ajax远程调用,jquery中的ajax方法怎样通过JSONP进行远程调用
关于JSONP的概念和为什么要使用JSONP网上已经有很多教程,这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用首先介绍下$.ajax的参数 type:请求方式 GET/ ...
vue中封装ajax请求方法,Vue如何封装ajax
Vue如何封装ajax 发布时间:2020-12-07 11:09:07 来源:亿速云阅读:123 作者:小新这篇文章主要介绍Vue如何封装ajax,文中介绍的非常详细,具有一定的参考价值,感兴趣 ...
ajax被token拦截,vue中封装ajax请求，并且拦截请求在请求头中添加token
/** * 封装请求方法 * @param {Object} url 接口请求地址 * @param {Object} data 接口请求参数(无需请求方式参数,则此项可以为空,否则必须传) * @p ...
小程序中封装ajax请求,如何在微信小程序中封装网络请求
如何在微信小程序中封装网络请求发布时间:2021-05-11 16:59:36 来源:亿速云阅读:95 作者:Leah 这期内容当中小编将会给大家带来有关如何在微信小程序中封装网络请求,文章内容丰 ...
js 封装ajax方法吗,原生JS封装ajax方法
jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只需要ajax,这时引入jquery库会造成资源浪费,也会显得页面臃肿.这时我们就 ...
原生JS封装ajax方法
http://blog.sucaijiayuan.com/article/89 jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只 ...
jquery中的ajax方法请求后台数据
首先要插入jQuery.js文件,我这里用的是2.2.4版本,也可以用最新的3.1版本案例提前和后台沟通好对应的网址接口,我这里是用node.js写的后台,同时因为保存在本地,所以协议名和域名省略 ...

uniapp中封装ajax方法

ajax.js

在vue文件中引入

使用

uniapp中封装ajax方法相关推荐

最新文章

热门文章