• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序小结(1) ------ 前后端交互及wx.request的简易封装

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

微信小程序的应用目前越来越多,不管喜欢与否我们都应该了解一些。废话不多,直接干货。

做项目自然避免不了前后端的交互,小程序在调试过程中需要在先在:小程序公众平台--设置--开发设置中,将要从后台请求的url在“request合法域名”中设置一下。
在微信开发者工具中设置:

记得不能取消“不效验安全域名、web-view域名、TLS版本以及HTTPS证书”选项的勾选。


小程序官方提供了接口:wx.request(OBJECT),在此基础上进行二次封装:

const app = getApp().globalData;  //获取app.js中的全局变量
const https = (obj) => {
    wx.request({
        url: app.url + obj.url,
        header: {
            'content-type': 'application/json',
			...        //其他头部信息
        },
        data: obj.data,
        method: 'POST/GET',
        success: function(res) {
            errFn(res.data.code);   //根据后台返回的code码进行统一的处理,如错误处理函数errFn
            obj.success(res);       //对返回数据的处理
        },
        fail: function(err) {
	        //如果请求失败进行弹窗提示,并处理
            wx.showModal({
                title: '提示',
                content: '出错了,请点击确定返回首页',
                success: function(res) {
                    if (res.confirm) {
                        //处理错误的代码
                    }
                }

            })
            //传递错误信息
            obj.fail(err);
        }
    })
}

小程序系列待续……


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
搭建Spring开发环境并编写第一个Spring小程序发布时间:2022-07-18
下一篇:
微信小程序和mongodb环境搭建发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap