脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 微信小程序设置全局请求URL及封装wx.request请求

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

 更新时间：2019年04月02日 08:47:40   作者：李维山  
这篇文章主要介绍了微信小程序设置全局请求URL及封装wx.request请求操作,结合实例形式分析了微信小程序针对wx.requset请求的封装及调用操作相关实现技巧,需要的朋友可以参考下

本文实例讲述了微信小程序设置全局请求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)
  })
 }
})

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

您可能感兴趣的文章:

相关文章

  • 利用types增强vscode中js代码提示功能详解

    利用types增强vscode中js代码提示功能详解

    这篇文章主要给大家介绍了如何增强vscode中js代码提示功能的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。
    2017-07-07
  • JS XMLHttpRequest原理与使用方法深入详解

    JS XMLHttpRequest原理与使用方法深入详解

    这篇文章主要介绍了JS XMLHttpRequest原理与使用方法,结合实例形式深入分析了JS XMLHttpRequest相关原理、使用方法及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • 微信小程序实现上传多个文件 超过10个

    微信小程序实现上传多个文件 超过10个

    这篇文章主要为大家详细介绍了微信小程序实现上传多个文件，超过10个，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-02-02
  • js实现单一html页面两套css切换代码

    js实现单一html页面两套css切换代码

    研究了一下JS的用setAttribute方法实现一个页面两份样式表的效果与大家分享下，感兴趣的朋友可以参考下哈，希望可以帮助到你
    2013-04-04
  • JavaScript函数式编程实现介绍

    JavaScript函数式编程实现介绍

    函数式编程是一种编程范式,将整个程序都由函数调用以及函数组合构成。 可以看成一条流水线,数据可以不断地从一个函数的输出流入另一个函数的输入,最后输出结果
    2022-09-09
  • 在Javascript中为String对象添加trim,ltrim,rtrim方法

    在Javascript中为String对象添加trim,ltrim,rtrim方法

    利用Javascript中每个对象(Object)的prototype属性我们可以为Javascript中的内置对象添加我们自己的方法和属性。
    2006-09-09
  • 微信小程序如何刷新当前界面的实现方法

    微信小程序如何刷新当前界面的实现方法

    这篇文章主要介绍了微信小程序如何刷新当前界面的实现方法，文中通过示例代码介绍的非常详细，对大家学习或者使用小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-06-06
  • Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)

    Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)

    以下是对confirm的用法进行了分析介绍，需要的朋友可以参考下
    2013-07-07
  • javascript实现时钟动画

    javascript实现时钟动画

    这篇文章主要为大家详细介绍了javascript实现时钟动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • typeScript中数组类型定义及应用详解

    typeScript中数组类型定义及应用详解

    相信大家应该都知道ts只允许数组中包括一种数据类型的值,下面这篇文章主要给大家介绍了关于typeScript中数组类型定义及应用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-05-05

最新评论