【微信小程序】网络请求封装

Github项目地址

功能简介


微信小程序网络请求封装很简单,因为我需要在每个网络请求里面加入自己token、请求来源 等 ,以便于服务器做验证。

功能介绍


  • header :可以填写每次请求需要添加的信息到header
  • Code判断:根据后台的请求code进行网络请求判断处理,这样请求拿到的数据就只是自己需要的信息
  • 错误请求弹窗 : code判断若网络请求错误,弹窗提示
  var wxtask = wx.request({
        url: BASE_URL + url,
        header: {
            // 'content-type':'application/json',  //默认 application/json :数据序列化
            // 'access-token': 'access-token',
            // 'app-type': 'wx-app'
        },
        method: method,
        data: data,
        success: function (res) {
            console.log(res.data.code);
            switch (res.data.code) {
                case 10000://请求成功code
                    console.log(success);
                    success(res.data)
                    break
                case 10001://请求失败code
                    //错误请求  wx弹框提示错误信息
                    wx.showToast({
                        title: res.data.msg,
                        icon: 'none',
                        duration: 1000
                    })
                    if (fail) {
                        fail(res.data.msg)
                    }
                    break
            }
        },
        fail: function (res) {
            //错误请求  wx弹框提示错误信息
            wx.showToast({
                title: res,
                icon: 'none',
                duration: 1000
            })
            if (fail) {
                fail(res)
            }
        }
    })

如何使用


  • 直接使用,简单粗暴。
  • 直接查看代码
 //POST/DELETE 请求方式调用方法一样
 //1、网络请求(没有请求参数,不需要对请求失败情况处理)
    dev_request.Get('/classify', function (res) {
        console.log(res);
    })
    //2、网络请求(没有请求参数,需要对请求失败情况处理)
    dev_request.Get('/classify', function (res) {
        console.log(res);
    }, function (err) {
        console.log(err);
    })
    //3、网络请求(有请求参数,不需要对请求失败情况处理)
    var data = {
        username: 'username',
        age: 19
    };
    dev_request.Get('/classify', data, function (res) {
        console.log(res);
    })
    //4、网络请求(有请求参数,需要对请求失败情况处理)
    dev_request.Get('/classify', data, function (res) {
        console.log(res);
    }, function (err) {
        console.log(err);
    })
//5、取消网络请求(所有的请求方法均返回requestTask对象,可中断请求任务)
    var requestTask = dev_request.Get('/classify', function (res) {
        console.log(res);
    });
    //网络请求取消
    requestTask.abort()

意见反馈


如果代码有错误,或者更好的改进,请反馈到:issue、927195249@qq.com 或者LiangLuDev@gmail.com

如果觉得对你有用的话,赞一下吧!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,996评论 25 708
  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,659评论 1 180
  • 我是刚上高一的时候拥有了我的第一部手机。当时,我考上了我们县城里最好的高中——新泰一中,离家远了,坐公交车起码有一...
    Miss睡不着觉阅读 218评论 0 2
  • 念风声 似清畔 系雨滴 若涟漪 红尘不寄苍老 宝剑尚未出窍 断无情却好 不恼 不恼 也把笙歌早
    小施是个大可爱阅读 279评论 0 1
  • 今天堂哥结婚,没来得及看书,但却有了很多感触,成长真的是让我们太过懂事。 我们老家有个习俗是,新娘子晚上被接到男方...
    欣停止drop阅读 301评论 4 3