首页 > 编程语言 >小程序接口请求的初次封装

小程序接口请求的初次封装

时间:2022-09-27 15:25:19浏览次数:63  
标签:http 请求 res 程序接口 hideLoading 初次 封装 data wx

我们在写微信小程序中不管是用原生的微信开发者工具还是用uniapp 来开发 都需要用到数据的请求,在页面中大量的使用请求无疑会造成代码的冗余,也会给后期的维护带来很大的难度,因此在实际工作中或者自己练习中就需要将这些请求进行封装,以便于快速更改及维护,好了废话不多说了,直接上代码:

const http = ({url, method='get', data=''})=> {

wx.showLoading({ // 原生中开启loading 提示

title: '拼命加载中...', // 提示内容

mask: true //遮罩层

})

return new Promise((resolve, reject) => {

wx.request({ // wx.request 在 uniapp 中开发时 可以替换成 uni.request

url: '公共路径' + url, //拼接 需要请求数据的路径

method: method,

data: data,

success(res) { // 请求成功后的回调函数

resolve(res.data.data) // resolve将promise从进行中的状态转化为成功的状态的方法

wx.hideLoading() // 关闭loading 提示 uniapp 可以使用 uni.hideLoading()来关闭

},

fail(err) { // 请求失败的回调函数

reject(err)

wx.hideLoading() // 关闭loading 提示 uniapp 可以使用 uni.hideLoading()来关闭

         },

     })

  })

}

//es6 的导出方法

export default http


接下来在需要使用到请求的页面 直接引入

import http from '封装http的路径'

适合新手上路的就 直接 :http("请求路径").then(res=>{

console.log(res) 就可以啦

})

标签:http,请求,res,程序接口,hideLoading,初次,封装,data,wx
From: https://www.cnblogs.com/tcyweb/p/16734654.html

相关文章

  • jQuery中发起 ajax 请求,自己封装get请求
    jQuery中发起ajax请求参数:1.请求地址   2.参数  3.回调函数(参数为响应数据)//get请求参数拼接到url中$.get("http//127.0.0.1:8000",{a:100,b:200},......
  • 封装log
    importloggingfromconf.project_pathimport*classLog:defmy_log(self,msg,level):#定义一个日志收集器my_logging=logging.getLogger("记录的......
  • 封装unittest
    importunittestfromtools.http_rquestsimportHttpRequestsfromtools.get_dataimportGetCookiefromddtimportddt,datafromtools.do_excelimportDoExcelfromco......
  • 封装,继承,多态
    封装属性私有get/set(有时候设置安全性的判断)提高程序的安全性,保护数据隐藏代码的实现细节同意接口系统可维护增加了继承继承的本质是对某一批嘞的抽象,......
  • java 封装一个二分查询函数
    packageBinarySearch;importjava.lang.reflect.Array;publicclassTest{publicstaticvoidmain(String[]args){intarr[]={2,6,7,8,9,11,13,......
  • 封装日志Mylogger
    importloggingimportosfromCommon.handle_pathimportlogs_dirfromCommon.handle_configimportconfclassMyLogger(logging.Logger):def__init__(self,f......
  • 封装配置文件,读取配置文件
    #封装配置文件fromconfigparserimportConfigParserimportosfromCommon.handle_pathimportconf_dirfile_path=os.path.join(conf_dir,'config.ini')class......
  • 基于el-dialog封装全局弹窗
    dialog<template><div><el-dialogtitle="切换考试"top="9vh":modal="false"width="600px":visible.sync="dialogVisible"@close="close":append-to-body......
  • PADS应用笔记:Logic画元件封装时端点无法编辑属性
    现象在画原理图元件封装时,定义的端点无法设置属性原因画逻辑时候只能定义端点,是没办法设置属性的,只有在编辑元件时才能设置属性......
  • PADS应用笔记:Logic画元件封装时端点不见了
    现象画原理图的元件封装时,画好的CAE逻辑明明定义里很多端点但是导入到元件时就都不见了,只剩下个2D线方框原因出现这种原因是因为在元件的电气特性里没有定义对应引......