• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

封装小程序http请求

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
(一) 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
                })
            }
       })
}

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
【AngularJS】—— 3 我的第一个AngularJS小程序发布时间:2022-07-18
下一篇:
一个I18N的简单java小程序发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap