微信小程序设置全局请求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 相关文章推荐
js parseInt("08")未指定进位制问题
Jun 19 Javascript
JS中的substring和substr函数的区别说明
May 07 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
Apr 11 Javascript
jQuery实现hover合成事件的方法
Aug 06 Javascript
jQuery的ajax下载blob文件
Jul 21 Javascript
正则表达式替换html元素属性的方法
Nov 26 Javascript
JavaScript自定义分页样式
Jan 17 Javascript
vue + socket.io实现一个简易聊天室示例代码
Mar 06 Javascript
浅谈Vue render函数在ElementUi中的应用
Sep 06 Javascript
详解Vue底部导航栏组件
May 02 Javascript
基于openlayers实现角度测量功能
Sep 28 Javascript
echarts饼图各个板块之间的空隙如何实现
Dec 01 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 imagecreatetruecolor 创建高清和透明图片代码小结
2010/05/15 PHP
PHP两种快速排序算法实例
2015/02/15 PHP
php格式化时间戳
2016/12/17 PHP
php实现数组中出现次数超过一半的数字的统计方法
2018/10/14 PHP
PHP html_entity_decode()函数讲解
2019/02/25 PHP
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
Javascript 强制类型转换函数
2009/05/17 Javascript
学习ExtJS table布局
2009/10/08 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
jQuery增加自定义函数的方法
2015/07/18 Javascript
jquery拖动层效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
详解Vue方法与事件
2017/03/09 Javascript
深入解析nodejs HTTP服务
2017/07/25 NodeJs
基于jQuery的表单填充实例
2017/08/22 jQuery
JavaScript自执行函数和jQuery扩展方法详解
2017/10/27 jQuery
使用webpack搭建vue项目实现脚手架功能
2019/03/15 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
Vue+iview+webpack ie浏览器兼容简单处理
2019/09/20 Javascript
Javascript模块化机制实现原理详解
2020/04/02 Javascript
[52:00]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs Optic
2018/04/02 DOTA
Python使用正则表达式实现文本替换的方法
2017/04/18 Python
python爬虫爬取快手视频多线程下载功能
2018/02/28 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
pandas 把数据写入txt文件每行固定写入一定数量的值方法
2018/12/28 Python
python字符串查找函数的用法详解
2019/07/08 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
css3 按钮样式简单可扩展创建
2013/03/18 HTML / CSS
卫生系统先进事迹
2014/05/13 职场文书
优秀实习生主要事迹
2014/05/29 职场文书
我的中国梦演讲稿1000字
2014/08/19 职场文书
2014入党积极分子破除“四风”思想汇报
2014/09/14 职场文书
群众路线个人整改措施
2014/10/24 职场文书
给朋友的道歉短信
2015/05/12 职场文书
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
2021/05/25 Vue.js
flex弹性布局详解
2022/03/20 HTML / CSS
Javascript中Microtask和Macrotask鲜为人知的知识点
2022/04/02 Javascript