微信小程序设置全局请求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 相关文章推荐
jquery 实现的全选和反选
Apr 15 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
JavaScript的类型、值和变量小结
Jul 09 Javascript
easyui Draggable组件实现拖动效果
Aug 19 Javascript
JS自定义选项卡函数及用法实例分析
Sep 02 Javascript
javascript简单比较日期大小的方法
Jan 05 Javascript
AngularJS 入门教程之事件处理器详解
Aug 19 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
Sep 23 Javascript
knockoutjs模板实现树形结构列表
Jul 31 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
Jan 08 Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 Javascript
如何自定义微信小程序tabbar上边框的颜色
Jul 09 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之Memcache学习笔记
2013/06/17 PHP
php的ajax简单实例
2014/02/27 PHP
ThinkPHP控制器间实现相互调用的方法
2014/10/31 PHP
Netbeans 8.2与PHP相关的新特性介绍
2016/10/08 PHP
php生成与读取excel文件
2016/10/14 PHP
雄兵连第三季海报曝光,艾妮熙德成主角,蔷薇新造型
2021/03/09 国漫
js或css文件后面跟参数的原因说明
2010/01/09 Javascript
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
jQuery图片的展开和收缩实现代码
2013/04/16 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
2014/06/16 Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
2014/08/30 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
javascript实现倒计时跳转页面
2016/01/17 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
2016/02/19 Javascript
javascript中去除数组重复元素的实现方法【实例】
2016/04/12 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
2016/12/14 Javascript
javascript ASCII和Hex互转的实现方法
2016/12/27 Javascript
使用vue-router为每个路由配置各自的title
2018/07/30 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
2020/06/19 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
使用Python进行AES加密和解密的示例代码
2018/02/02 Python
python实现淘宝秒杀脚本
2020/06/23 Python
详解python 爬取12306验证码
2019/05/10 Python
python面试题之列表声明实例分析
2019/07/08 Python
Python打包工具PyInstaller的安装与pycharm配置支持PyInstaller详细方法
2020/02/27 Python
基于Python组装jmx并调用JMeter实现压力测试
2020/11/03 Python
python UIAutomator2使用超详细教程
2021/02/19 Python
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
小学美术教学反思
2014/02/01 职场文书
忠诚与背叛观后感
2015/06/04 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
css实现文章分割线样式的多种方法总结
2021/04/21 HTML / CSS
Python 中的单分派泛函数你真的了解吗
2021/06/22 Python