Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >微信小程序网络请求-函数封装

微信小程序网络请求-函数封装

作者头像
peng_tianyu
发布于 2022-12-15 09:15:16
发布于 2022-12-15 09:15:16
56300
代码可运行
举报
文章被收录于专栏:前端开发随记前端开发随记
运行总次数:0
代码可运行

降低网络请求和wx.request的耦合度;使用Promise的方法获取回调结果

service.js
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//封装wx.request
export default function request(options) {
  return new Promise((resolve, reject) => {
    wx.request({
      url: options.url, //服务器接口地址
      method: options.method || 'GET', //请求方法
      data: options.data || {}, //请求参数
      success: resolve, //接口调用成功回调函数
      fail: reject //接口调用失败回调函数
    })
  })
}
index.js
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//引入request函数;路径使用相对路径
import request from '../service/service.js'
Page({
  onLoad: function() {
    request({
      url: 'http://httpbin.org',
    }).then((res) => {
      console.log(res);
    }).catch((err) => {
      console.log(err);
    })
  }
})
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-08-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
uniapp封装request请求
定义域名:baseUrl; 定义方法:api; 通过promise异步请求,最后导出方法。
王小婷
2021/07/01
4.4K0
微信小程序教学第二章(含视频):小程序中级实战教程之预备篇 - 封装网络请求及 mock 数据
§ 封装网络请求及 mock 数据 本文配套视频地址: https://v.qq.com/x/page/i05544fogcm.html 开始前请把 ch2-3 分支中的 code/ 目录导
iKcamp
2018/01/04
7210
微信小程序请求封装
config.js const baseUrl = 'http://127.0.0.1:8000/'; export { baseUrl } index.js import { request } from './request' module.exports = { // 获取导航 getNavList: (data) => request('nav/', 'GET', data), } request.js import { baseUrl } from './confi
lyudev
2023/03/01
6740
微信小程序请求封装
【愚公系列】2022年02月 微信小程序-Request网络请求的封装
Request网络请求在任何应用中都是必不可少的,但微信小程序的wx.request()太过单一没法满足复杂的请求,所以就有本片文章讲解如何封装小程序的请求
愚公搬代码
2022/02/22
8200
【愚公系列】2022年02月 微信小程序-Request网络请求的封装
微信小程序接口请求token过期用户无感应获取token重新调用接口
封装接口请求,我们的业务需要在header上加token和openid,可以根据自己的业务逻辑进行项目改变。 const baseUrl = "xxx"; const http = ({ url = '', param = {}, type = 'json', callback = '', ...other } = {}) => { wx.showLoading({ title:'请求中...', }) let timeStart = Date.now();
安德玛
2022/03/08
2K0
前端:uniapp封装网络请求笔记
uniapp作为开发移动端的前端框架,目前国内是非常流行的,使用HbuilderX开发工具基于uniapp框架开发的系统可以方便的转换为小程序、APP等移动端程序,大大降低了移动开发的成本。网络请求更是每个前端项目必备的技术,所以有必要进行前端网络请求的封装,今天小编给大家介绍一下,如何基于uniapp实现网络请求的简单封装,希望对新手能有所帮助!
小明互联网技术分享社区
2021/09/30
3.8K0
前端:uniapp封装网络请求笔记
微信小程序原生wx.request简单封装(自用版)
调用方法 import { get,post } from '../../request/request' // GET请求 const _res = await get('https://api.vvhan.com/api/ian') console.log(_res) // POST请求 const _res = await post('https://api.vvhan.com/api/ian') console.log(_res) request.js const request = (url
骤雨重山
2022/06/27
1.2K0
小程序的事件机制与异步执行
在微信小程序的开发过程中,事件机制和异步执行是两个非常重要的概念。小程序的事件机制不仅能够帮助开发者实现与用户交互,还能够高效地处理界面更新和数据流动。而异步执行则是处理网络请求、数据处理、文件上传等操作时的常用方式。本文将详细分析小程序的事件机制与异步执行,提供具体的示例与优化技巧。
LucianaiB
2025/02/21
1290
小程序 | 12-网络请求
https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html
CnPeng
2021/05/17
7950
小程序 | 12-网络请求
自己原生js封装的ajax请求
这几天在恶(xue)补(xi)node.js,其中老师讲到了ajax,以前学习js都是东一点、西一点。不系统,当然,原因也很多。
无道
2019/11/13
4.3K0
微信小程序之onLaunch与onload异步问题
   前端时间开发了一个微信小程序商城项目,因为这个项目我们的需求是进入小程序就通过wx.login({}) 这个api进行用户登录,获取系统后台的用户基本信息。再此之前,一直以为微信小程序中的App.js 中onLaunch (小程序初始化完成执行该方法)方法比其他页面的的 onload 方法要先执行。那么问题就来了,我每次进入小程序首页的时候有时候会先执行onlaunch方法,有时又会先执行首页的onload的方法,最后经过确定,在微信小程序中这两个方法并没有执行先后的顺序,因为他们都是异步执行的。当然开发过微信小程序的开发者都知道微信请求数据都是异步执行的,如在同一个onload写两个请求数据的方法,它不一定会按照先后顺序去执行,这就是传说中的异步地狱了。
追逐时光者
2019/08/28
2.8K0
微信小程序wx.request重写
请求后台的时候,服务端对每一个请求都会验证权限,而前端也需要对服务器返回的特殊状态码统一处理,所以可以针对业务封装请求。
似水的流年
2020/02/11
1.8K0
微信小程序——封装GET、POST请求,方便全局调用
//post请求 url:请求路径,请求header,params请求参数,app全局变量
程序猿的栖息地
2022/04/29
2K0
微信小程序——封装GET、POST请求,方便全局调用
微信小程序 wx.request 的封装
自学转行到前端也已近两年,也算是简书和掘金的忠实粉丝,但是以前一直惜字如金(实在是胆子小,水平又低),现在我决定视金钱如粪土(就只是脸皮厚了,水平就那样),好了废话不多说,切入主题,最近自己尝试了一下小程序开发,坑么总是有的,但是我觉得还是request这部分实在是不好看,所以你懂得,我用Promise 对请求做了个简单封装。本文章所述方法主要针对第三方登录
极乐君
2018/02/03
2.3K0
处理微信小程序授权登录
当微信小程序项目中涉及到获取用户信息并实现用户登录时,可以通过微信官方提供的登录能力方便地获取微信的用户身份标识,快速建立小程序内的用户体系。官方文档只是提供如何去调用授权登录,如果直接原封不动的照搬文档来进行代码编写,这样势必会造成代码的维护性差,所以本篇着重介绍如果更优雅的处理微信小程序的授权登录。
ruochen
2021/11/26
8.2K0
微信小程序之同步与异步API
我们的小程序的宿主是微信,小程序涉及到很多调用微信功能的场景,如获取用户信息,本地存储,支付功能等;因此,小程序开发框架为我们提供了丰富的微信原生API。小程序将微信原生API分为"事件监听 API"、"同步 API"、"异步API"三类,本文我们主要介绍"同步 API"、"异步API"。
张世强
2020/04/27
4.9K0
微信小程序之同步与异步API
【UniApp】-uni-app-网络请求
好,那么废话不多说,我们直接来看一下代码,搭建一个普通模板的项目,自行去搭建,大家都有相关的经验了,我就不多说了。
程序员NEO
2023/12/20
1.9K0
【UniApp】-uni-app-网络请求
mpvue——API请求封装(小程序原生)
能用,但不是最好的方法,最好的还是fly,因为为了以后多平台的考虑,最好使用fly.js,做之前先关闭校验合法域名,因为我没在后台进行配置
思索
2024/08/16
1330
mpvue——API请求封装(小程序原生)
微信小程序授权登录
上图是微信小程序官网提供的授权登录基本流程图,这里我只从前端开发的角度来讲解一下该流程。
大发明家
2021/12/06
12.5K0
新建一个uniapp请求,并且封装request
定义域名:baseUrl; 定义方法:api; 通过promise异步请求,最后导出方法。
王小婷
2022/06/12
3.7K1
新建一个uniapp请求,并且封装request
相关推荐
uniapp封装request请求
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档