在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的更多相关文章

  1. mpvue学习笔记-之微信小程序数据请求封装

    简介 美团出品的mpvue已经开源出来很久了,一直说要进行一次实践,这不最近一次个人小程序开发就用上了它. 看了微信官方的数据请求模块--request,对比了下get和post请求的代码,发现如果在 ...

  2. 微信小程序 request请求封装

    在utils文件夹新建文件utils.js,封装代码如下: 小程序升级后内部不自带Promise方法,需外部引入Promise方法   var sendRequest = function (url, ...

  3. 微信小程序request请求封装,验签

    1/ 公共文件util添加 request请求 //简单封装请求 function request(params, path, isShowLoading = true, goBack = false ...

  4. 微信小程序request请求封装

    var app = getApp(); function request(url,postData,doSuccess,doFail,doComplete){ var host = getApp(). ...

  5. 微信小程序Http高级封装 es6 promise

    公司突然要开放微信小程序,持续蒙蔽的我还不知道小程序是个什么玩意. 于是上网查了一下,就开始着手开发..... 首先开发客户端的东西,都有个共同点,那就是  数据请求! 看了下小程序的请求方式大概和a ...

  6. 微信小程序_(校园视)开发视频的展示页_下

    微信小程序_(校园视) 开发用户注册登陆 传送门 微信小程序_(校园视) 开发上传视频业务 传送门 微信小程序_(校园视) 开发视频的展示页-上 传送门 微信小程序_(校园视) 开发视频的展示页-下 ...

  7. 微信小程序_(校园视)开发上传视频业务

    微信小程序_(校园视) 开发用户注册登陆 传送门 微信小程序_(校园视) 开发上传视频业务 传送门 微信小程序_(校园视) 开发视频的展示页-上 传送门 微信小程序_(校园视) 开发视频的展示页-下 ...

  8. 微信小程序_(校园视)开发视频的展示页_上

    微信小程序_(校园视) 开发用户注册登陆 传送门 微信小程序_(校园视) 开发上传视频业务 传送门 微信小程序_(校园视) 开发视频的展示页-上 传送门 微信小程序_(校园视) 开发视频的展示页-下 ...

  9. 微信小程序_(校园视)开发用户注册登陆

    微信小程序_(校园视) 开发用户注册登陆 传送门 微信小程序_(校园视) 开发上传视频业务 传送门 微信小程序_(校园视) 开发视频的展示页-上 传送门 微信小程序_(校园视) 开发视频的展示页-下 ...

随机推荐

  1. 因为NLS_LANG 造成 Oracle数据库丢失 中文字符集兼容问题的处理.

    接着上一封blog. 因为sqlplus的 乱码问题 我修改了 注册表里面 NLS_LANG 的 value值.主要改动为: NLS_LANG source: SIMPLIFIED CHINESE_C ...

  2. Vue.js 判断对象属性是否存,不存在添加

    Vue.set是可以对对象添加属性的,这里item对象添加一个checked属性 //if(typeof item.checked=='undefined'){if(!this.item.checke ...

  3. css实现 显示一行文字,超出用...代替

    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;

  4. Object 接受集合里面的任意数据类型 所有的类型默认继承object

  5. bzoj4815[CQOI2017]小Q的格子

    题意 不简述题意了,简述题意之后这道题就做出来了.放个原题面. 小Q是个程序员. 作为一个年轻的程序员,小Q总是被老C欺负,老C经常把一些麻烦的任务交给小Q来处理. 每当小Q不知道如何解决时,就只好向 ...

  6. TortoiseSVN的基本使用方法

    TotoiseSVN的基本使用方法 来源 https://blog.csdn.net/hecongzhen/article/details/37879801 在 项目管理实践教程一.工欲善其事,必先利 ...

  7. 行列式(二):余子式&代数余子式

    目录 按行列展开 \(\Delta\)以下内容主要为<线性代数>的学习笔记 按行列展开 一般来说,低阶行列式的计算比高阶行列式的计算要简单得多,因此考虑用低阶行列式来表示高阶行列式.为此, ...

  8. mysql数据库----下载安装、操作

    一.mysql概述 1.什么是数据库 ? 答:数据的仓库,如:在ATM的示例中我们创建了一个 db 目录,称其为数据库 2.什么是 MySQL.Oracle.SQLite.Access.MS SQL ...

  9. 7.Configurator API 详细介绍

    一.Configurator类介绍与API解释 1.Configurator类介绍 1)用于设置脚本动过的默认延时 2)功能 a.可调节两个模拟动作间的默认时间间隔 b.可调节输入文本的输入时间间隔 ...

  10. \G,sql中select 如果太长,可以在后面放\G,竖行显示~~~~

    1.使用\G按行垂直显示结果 如果一行很长,需要这行显示的话,看起结果来就非常的难受. 在SQL语句或者命令后使用\G而不是分号结尾,可以将每一行的值垂直输出. mysql> select * ...