微信小程序设置全局请求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 2.0.3 源码分析之core(一)整体架构
May 27 Javascript
JavaScript 基本概念
Jan 20 Javascript
AspNet中使用JQuery boxy插件的确认框
May 20 Javascript
JS实现带提示的星级评分效果完整实例
Oct 30 Javascript
Javascript类型转换的规则实例解析
Feb 23 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
JS动态插入脚本和插入引用外部链接脚本的方法
May 21 Javascript
Javascript实现动态时钟效果
Nov 17 Javascript
详解vue更改头像功能实现
Apr 28 Javascript
深入学习Vue nextTick的用法及原理
Oct 08 Javascript
用JS实现选项卡
Mar 23 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
Jul 13 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实现验证码功能
2006/10/09 PHP
PHP安全配置
2006/10/09 PHP
php数组转换js数组操作及json_encode的用法详解
2013/10/26 PHP
php使用curl访问https示例分享
2014/01/17 PHP
php投票系统之增加与删除投票(管理员篇)
2016/07/01 PHP
自定义jQuery选项卡插件实例
2013/03/27 Javascript
js弹窗返回值详解(window.open方式)
2014/01/11 Javascript
JavaScript中的闭包介绍
2015/03/15 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
JavaScript中的Array 对象(数组对象)
2016/06/02 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
js显示动态时间的方法详解
2016/08/20 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
Vue表情输入组件 微信face表情组件
2019/02/11 Javascript
10种JavaScript最常见的错误(小结)
2019/06/21 Javascript
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
2019/10/10 jQuery
如何在微信小程序中存setStorage
2019/12/13 Javascript
Javascript地址引用代码实例解析
2020/02/25 Javascript
[01:14]DOTA2亚洲邀请赛小组赛赛前花絮
2017/03/27 DOTA
在CentOS6上安装Python2.7的解决方法
2018/01/09 Python
聊聊Python中的pypy
2018/01/12 Python
python 将列表中的字符串连接成一个长路径的方法
2018/10/23 Python
python pandas读取csv后,获取列标签的方法
2018/11/12 Python
如何使用Python自动控制windows桌面
2019/07/11 Python
PyTorch实现AlexNet示例
2020/01/14 Python
python中threading和queue库实现多线程编程
2021/02/06 Python
HTML5的新特性(1)
2016/03/03 HTML / CSS
亚马逊印度站:Amazon.in
2017/10/15 全球购物
澳大利亚家庭花园和DIY工具网店:VidaXL
2019/05/03 全球购物
Derek Rose官网:英国高档睡衣、家居服和内衣品牌
2020/01/18 全球购物
3.15国际消费者权益日主题活动活动总结
2014/03/16 职场文书
硕士学位申请报告
2015/05/15 职场文书
如何写观后感
2015/06/19 职场文书
员工担保书范本
2015/09/22 职场文书
追悼会家属答谢词
2015/09/29 职场文书
Python实现自动玩连连看的脚本分享
2022/04/04 Python