微信小程序封装请求(参考内容)

秒速五厘米 2023-01-16 02:44 218阅读 0赞

*  新建文件夹request,新建request.js文件

//同时发送异步代码的次数
    let ajaxTimes = 0;
    
    //使用promise封装一个 请求
    export function request(params){ 
        ajaxTimes ++  //发送一次请求就加一次
    
        // 在请求 数据回来之前 显示一个加载中
        wx.showLoading({ 
            title: '加载中',
          })
    
        //定义公共部分 url
        const baseUrl = "https://apishangcheng.cn/api/public/v1"
        //将传过来的参数结构出来
        return new Promise((resolve,reject)=>{ 
            // 发起请求 
            wx.request({ 
                ...params,
                url:baseUrl + params.url,
                success:(res)=>{ 
                    //成功的回调
                    resolve(res)
                },
                fail:(err)=>{ 
                    //失败的回调
                    reject(err)
                },
                complete:()=>{ 
                    ajaxTimes -- //请求完成一次 ，就减一次
                    if(ajaxTimes===0){ 
                        //当所有的请求都完成时，就关闭 加载中 弹框
                        wx.hideLoading()
                    }
                }
            });
        });
    }

*  页面使用，在js文件中：

//引入 js请求模块 
    import { request} from '../../request/request.js'
    Page({ 
    	//获取数据
      getCates() { 
        request({ url:"/categories"}).then((res)=>{ 
            console.log(res)
        });
      },
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，218人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序请求封装

创建 config.js 文件管理环境 class Config { } const version = '/v1.1.12'

雨点打透心脏的1/2处/ 2023年02月23日 08:04/ 0 赞/ 34 阅读

相关微信小程序封装请求(参考内容)

新建文件夹request,新建request.js文件 //同时发送异步代码的次数 let ajaxTimes = 0; //使用pr

秒速五厘米/ 2023年01月16日 02:44/ 0 赞/ 219 阅读

相关微信小程序request请求封装

/ 请求头 / const header = { 'content-type': 'application/x-www-form-urlenco

心已赠人/ 2022年10月18日 12:55/ 0 赞/ 249 阅读

相关微信小程序封装request请求

我的个人刷Java面试题网站:[http://www.study-java.cn/][http_www.study-java.cn] 在小程序开发中，通过接口获取后台数据，这

浅浅的花香味﹌/ 2022年05月31日 04:15/ 0 赞/ 343 阅读

相关微信小程序HTTP接口请求封装

最近在学习小程序的编写，需要调用后端接口，经常要用到wx.request方法，所以就自己封装了一下，简化一下代码，如果能给大家提供帮助更好，我的项目后端是使用的Java SSM

ゝ一世哀愁。/ 2022年05月23日 23:51/ 0 赞/ 305 阅读

相关微信小程序 -wx.request请求封装

配置文件新建配置文件 config/index.js export default { / @description 连接

朴灿烈づ我的快乐病毒、/ 2021年09月29日 04:08/ 0 赞/ 457 阅读

相关封装微信小程序的数据请求

网络请求小程序提供了wx.request，仔细看一下 api，这不就是n年前的 $.ajax 吗，好古老啊。 // 官方例子 wx.request({

小鱼儿/ 2021年07月27日 02:41/ 0 赞/ 470 阅读

相关微信小程序HTTP封装请求

http.js import utils from "../../utils/utils" var http = utils.http; const

柔光的暖阳◎/ 2021年07月25日 02:59/ 0 赞/ 510 阅读

相关微信小程序 promise封装网络请求

//es6的默认值写法 export default function(url,data={ },method='GET') { retu

ゝ一世哀愁。/ 2021年07月25日 01:20/ 0 赞/ 504 阅读

相关微信小程序request请求封装

![20191114194037724.png][] util.js // let baseUrl = 'http:///'; //测试 // let ba

爱被打了一巴掌/ 2021年07月24日 23:16/ 0 赞/ 558 阅读