微信小程序设置全局请求URL及封装wx.request请求操作示例


Posted in Javascript onApril 02, 2019

本文实例讲述了微信小程序设置全局请求URL及封装wx.request请求操作。分享给大家供大家参考,具体如下:

app.js:

App({
 //设置全局请求URL
 globalData:{
  URL: 'https://www.oyhdo.com',
 },
 /**
 * 封装wx.request请求
 * method: 请求方式
 * url: 请求地址
 * data: 要传递的参数
 * callback: 请求成功回调函数
 * errFun: 请求失败回调函数
 **/
 wxRequest(method, url, data, callback, errFun) {
  wx.request({
   url: url,
   method: method,
   data: data,
   header: {
    'content-type': method == 'GET'?'application/json':'application/x-www-form-urlencoded',
    'Accept': 'application/json'
   },
   dataType: 'json',
   success: function (res) {
    callback(res.data);
   },
   fail: function (err) {
    errFun(res);
   }
  })
 }
})

调用示例:

const app = getApp();
Page({
 onLoad: function () {
  let url = app.globalData.URL + '/User/getUserinfo';
  let data = {
   uid: '1'
  };
  app.wxRequest('POST', url, data, (res) => {
   console.log(res.data)
  }, (err) => {
   console.log(err.errMsg)
  })
 }
})

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
保证JavaScript和Asp、Php等后端程序间传值编码统一
Apr 17 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
Apr 01 Javascript
node.js中的fs.fsyncSync方法使用说明
Dec 15 Javascript
jQuery横向擦除焦点图特效代码分享
Sep 06 Javascript
JS实现光滑展开合拢的菜单效果代码
Sep 16 Javascript
jQuery获取多种input值的简单实现方法
Jun 20 Javascript
jQuery实现别踩白块儿网页版小游戏
Jan 18 Javascript
详谈innerHTML innerText的使用和区别
Aug 18 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
Oct 24 Javascript
AngularJS实现的锚点楼层跳转功能示例
Jan 02 Javascript
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
Javascript节流函数throttle和防抖函数debounce
Dec 03 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
Apr 02 #Javascript
Vue 组件修改根实例的数据的方法
Apr 02 #Javascript
vue鼠标悬停事件实例详解
Apr 01 #Javascript
jquery简单实现纵向的无缝滚动代码实例
Apr 01 #jQuery
详解Vue前端对axios的封装和使用
Apr 01 #Javascript
浅谈js闭包理解
Apr 01 #Javascript
详解Vue之父子组件传值
Apr 01 #Javascript
You might like
php PDO判断连接是否可用的实现方法
2017/04/03 PHP
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
2010/06/11 Javascript
javascript中的float运算精度实例分析
2010/08/21 Javascript
前台js改变Session的值(用ajax实现)
2012/12/28 Javascript
js 控制图片大小核心讲解
2013/10/09 Javascript
在JavaScript中判断整型的N种方法示例介绍
2014/06/18 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
jquery动态增加删减表格行特效
2015/11/20 Javascript
JavaScript 闭包机制详解及实例代码
2016/10/10 Javascript
清除浏览器缓存的几种方法总结(必看)
2016/12/09 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
js实现扫雷小程序的示例代码
2017/09/27 Javascript
利用vue重构有赞商城的思路以及总结整理
2019/02/21 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
如何提升vue.js中大型数据的性能
2019/06/21 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
2019/08/26 Javascript
[30:37]【全国守擂赛】第三周擂主赛 Dark Knight vs. Leopard Gaming
2020/05/04 DOTA
Python中的闭包实例详解
2014/08/29 Python
简单使用Python自动生成文章
2014/12/25 Python
python利用有道翻译实现"语言翻译器"的功能实例
2017/11/14 Python
Python面向对象魔法方法和单例模块代码实例
2020/03/25 Python
Python爬虫制作翻译程序的示例代码
2021/02/22 Python
CSS3 选择器 伪类选择器介绍
2012/01/21 HTML / CSS
HTML5表格_动力节点Java学院整理
2017/07/11 HTML / CSS
萨克斯第五大道英国:Saks Fifth Avenue英国
2019/04/01 全球购物
查询优化的一般准则有哪些
2015/03/08 面试题
3分钟演讲稿
2014/04/30 职场文书
五分钟演讲稿
2014/04/30 职场文书
民事诉讼代理委托书
2014/10/08 职场文书
失职检讨书大全
2015/01/26 职场文书
单位接收证明格式
2015/06/18 职场文书
消防演习感想
2015/08/10 职场文书
学校远程教育工作总结
2015/08/11 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
Vue OpenLayer测距功能的实现
2022/04/20 Vue.js
mysql使用FIND_IN_SET和group_concat两个方法查询上下级机构
2022/04/20 MySQL