小程序_请求封装network
在utils目录下创建network.js文件封装请求
封装的network.js:
//模块一,全局变量
let urlList = {
host: 'http://47.106.25.53/',
loginHost: "http://47.106.25.53/",
webModelUrl: 'ipp-web/', //登陆模块
mobileModelUrl: 'ipp-mobile/', //业务模块
authModelUrl: 'ipp-auth-web/', //上传图片
},
requestHandler = {
title: '',
url: '',
success: function (res) { },
fail: function () { }
},
domain = urlList.host + urlList.mobileModelUrl;
//--------end------------ //模块二,处理请求
function request(method, requestHandler) {
const token = wx.getStorageSync('token');
if (!requestHandler.title) requestHandler.title = "加载中";
wx.showLoading({
title: requestHandler.title,
})
setTimeout(function () {
wx.hideLoading()
}, 10000);
wx.request({
url: domain + requestHandler.url,
data: requestHandler.data,
method: method,
header: {
"X-Requested-With": "XMLHttpRequest",
'Content-Type': 'application/json',
'token': token
},
dataType: 'json',
success: function (res) {
if (res.data.msgCode == 'F0006' || res.data.msgCode == 'F0007') {
/*wx.showModal({
title: '温馨提示',
content: '登录已失效,请重新登录!',
cancelText: '取消',
confirmText: '确定',
success: function (res) {
wx.reLaunch({
url: '../logs/logs',
})
}
})*/
}
wx.hideLoading()
requestHandler.success(res)
},
fail: function () {
wx.hideLoading()
requestHandler.fail()
}
})
}
//---------end----------- //模块三,请求方法
//GET请求
function GET(requestHandler) {
request('GET', requestHandler)
};
//POST请求
function POST(requestHandler) {
request('POST', requestHandler)
};
//--------end----------- //模块四,输出方法
module.exports = {
GET: GET,
POST: POST,
urlList: urlList
};
//-----end----------
在页面上使用require引入输出的封装对象:
const network = require('../../utils/network.js');
使用方法:
network.POST({
url: 'asnorder/getPackingUnitInfo.shtml',
data: {},
success: function (res) {
},
})
小程序_请求封装network的更多相关文章
- mpvue学习笔记-之微信小程序数据请求封装
简介 美团出品的mpvue已经开源出来很久了,一直说要进行一次实践,这不最近一次个人小程序开发就用上了它. 看了微信官方的数据请求模块--request,对比了下get和post请求的代码,发现如果在 ...
- 微信小程序 request请求封装
在utils文件夹新建文件utils.js,封装代码如下: 小程序升级后内部不自带Promise方法,需外部引入Promise方法 var sendRequest = function (url, ...
- 微信小程序request请求封装,验签
1/ 公共文件util添加 request请求 //简单封装请求 function request(params, path, isShowLoading = true, goBack = false ...
- 微信小程序request请求封装
var app = getApp(); function request(url,postData,doSuccess,doFail,doComplete){ var host = getApp(). ...
- 微信小程序Http高级封装 es6 promise
公司突然要开放微信小程序,持续蒙蔽的我还不知道小程序是个什么玩意. 于是上网查了一下,就开始着手开发..... 首先开发客户端的东西,都有个共同点,那就是 数据请求! 看了下小程序的请求方式大概和a ...
- 微信小程序_(校园视)开发视频的展示页_下
微信小程序_(校园视) 开发用户注册登陆 传送门 微信小程序_(校园视) 开发上传视频业务 传送门 微信小程序_(校园视) 开发视频的展示页-上 传送门 微信小程序_(校园视) 开发视频的展示页-下 ...
- 微信小程序_(校园视)开发上传视频业务
微信小程序_(校园视) 开发用户注册登陆 传送门 微信小程序_(校园视) 开发上传视频业务 传送门 微信小程序_(校园视) 开发视频的展示页-上 传送门 微信小程序_(校园视) 开发视频的展示页-下 ...
- 微信小程序_(校园视)开发视频的展示页_上
微信小程序_(校园视) 开发用户注册登陆 传送门 微信小程序_(校园视) 开发上传视频业务 传送门 微信小程序_(校园视) 开发视频的展示页-上 传送门 微信小程序_(校园视) 开发视频的展示页-下 ...
- 微信小程序_(校园视)开发用户注册登陆
微信小程序_(校园视) 开发用户注册登陆 传送门 微信小程序_(校园视) 开发上传视频业务 传送门 微信小程序_(校园视) 开发视频的展示页-上 传送门 微信小程序_(校园视) 开发视频的展示页-下 ...
随机推荐
- 因为NLS_LANG 造成 Oracle数据库丢失 中文字符集兼容问题的处理.
接着上一封blog. 因为sqlplus的 乱码问题 我修改了 注册表里面 NLS_LANG 的 value值.主要改动为: NLS_LANG source: SIMPLIFIED CHINESE_C ...
- Vue.js 判断对象属性是否存,不存在添加
Vue.set是可以对对象添加属性的,这里item对象添加一个checked属性 //if(typeof item.checked=='undefined'){if(!this.item.checke ...
- css实现 显示一行文字,超出用...代替
overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
- Object 接受集合里面的任意数据类型 所有的类型默认继承object
- bzoj4815[CQOI2017]小Q的格子
题意 不简述题意了,简述题意之后这道题就做出来了.放个原题面. 小Q是个程序员. 作为一个年轻的程序员,小Q总是被老C欺负,老C经常把一些麻烦的任务交给小Q来处理. 每当小Q不知道如何解决时,就只好向 ...
- TortoiseSVN的基本使用方法
TotoiseSVN的基本使用方法 来源 https://blog.csdn.net/hecongzhen/article/details/37879801 在 项目管理实践教程一.工欲善其事,必先利 ...
- 行列式(二):余子式&代数余子式
目录 按行列展开 \(\Delta\)以下内容主要为<线性代数>的学习笔记 按行列展开 一般来说,低阶行列式的计算比高阶行列式的计算要简单得多,因此考虑用低阶行列式来表示高阶行列式.为此, ...
- mysql数据库----下载安装、操作
一.mysql概述 1.什么是数据库 ? 答:数据的仓库,如:在ATM的示例中我们创建了一个 db 目录,称其为数据库 2.什么是 MySQL.Oracle.SQLite.Access.MS SQL ...
- 7.Configurator API 详细介绍
一.Configurator类介绍与API解释 1.Configurator类介绍 1)用于设置脚本动过的默认延时 2)功能 a.可调节两个模拟动作间的默认时间间隔 b.可调节输入文本的输入时间间隔 ...
- \G,sql中select 如果太长,可以在后面放\G,竖行显示~~~~
1.使用\G按行垂直显示结果 如果一行很长,需要这行显示的话,看起结果来就非常的难受. 在SQL语句或者命令后使用\G而不是分号结尾,可以将每一行的值垂直输出. mysql> select * ...