(一) promise封装一个请求接口
// 该文件为request.js
const host = 'http://localhost:8088/aaa/
' // 域名
const request = (method, url, data, isLoading = true) => { if (isLoading) { wx.showLoading({ title: '加载中' }); } var promise = new Promise(function(resolve, reject) { wx.request({ url: host + url, data: data, method: method, header: { "Content-Type": "application/json;charset=UTF-8", //"userId":wx.getStorageSync('userId'), }, success: function(res) { if (isLoading) { wx.hideLoading(); } if (res.status) { resolve(res.data); } else { layerTip('网络错误'); } }, fail: function(res) { // fail调用接口失败 wx.hideLoading(); } }) }); return promise; } export request
(二) 写一个公共的调用接口的文件globalData.js
import {request} from './request' //请求登陆接口 export const requestLogin = (loginName,password) => request('post','/api/doLogin',{loginName,password})
(三) 页面调用接口
// 局部引入需要的调用的接口 import {requestLogin} from './globalData.js' // 对应的登录按钮方法里,调用接口,传入参数 login () { requestLogin(this.loginName,this.password).then(res => { if (res.status) { wx.showToast({ title: '登录成功', icon: 'success', duration: 2000 }) } }) }