用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    慵懒
    2017-1-6 10:46
  • 签到天数: 2 天

    [LV.1]初来乍到

    173

    主题

    181

    帖子

    945

    金钱

    咫尺尊享

    Rank: 5Rank: 5

    积分
    0
    2017-3-3 14:54:33 柿霖不是林 咫尺尊享 楼主 183002

    utils/request.js: 核心的API请求接口类封装

    pages/index/index.js: 网络请求控制页面的逻辑

    pages/index/index.wxml: 页面的布局文件

    pages/index/index.wxss: 页面的样式文件









    [HTML] 纯文本查看 复制代码
    /**
     * @desc    API请求接口类封装
     * @author  [url=mailto:shangheguang@yeah.net]shangheguang@yeah.net[/url]
     * @date    2017-01-20
     */
     
    /**
     * POST请求API
     * @param  {String}   url         接口地址
     * @param  {Object}   params      请求的参数
     * @param  {Object}   sourceObj   来源对象
     * @param  {Function} successFun  接口调用成功返回的回调函数
     * @param  {Function} failFun     接口调用失败的回调函数
     * @param  {Function} completeFun 接口调用结束的回调函数(调用成功、失败都会执行)
     */
    function requestPostApi(url, params, sourceObj, successFun, failFun, completeFun) {
        requestApi(url, params, 'POST', sourceObj, successFun, failFun, completeFun)
    }
     
    /**
     * GET请求API
     * @param  {String}   url         接口地址
     * @param  {Object}   params      请求的参数
     * @param  {Object}   sourceObj   来源对象
     * @param  {Function} successFun  接口调用成功返回的回调函数
     * @param  {Function} failFun     接口调用失败的回调函数
     * @param  {Function} completeFun 接口调用结束的回调函数(调用成功、失败都会执行)
     */
    function requestGetApi(url, params, sourceObj, successFun, failFun, completeFun) {
        requestApi(url, params, 'GET', sourceObj, successFun, failFun, completeFun)
    }
     
    /**
     * 请求API
     * @param  {String}   url         接口地址
     * @param  {Object}   params      请求的参数
     * @param  {String}   method      请求类型
     * @param  {Object}   sourceObj   来源对象
     * @param  {Function} successFun  接口调用成功返回的回调函数
     * @param  {Function} failFun     接口调用失败的回调函数
     * @param  {Function} completeFun 接口调用结束的回调函数(调用成功、失败都会执行)
     */
    function requestApi(url, params, method, sourceObj, successFun, failFun, completeFun) {
        if (method == 'POST') {
            var contentType = 'application/x-www-form-urlencoded'
        } else {
            var contentType = 'application/json'
        }
        wx.request({
            url:    url,
            method: method,
            data:   params,
            header: {'Content-Type': contentType},
            success: function (res) {
                typeof successFun  == 'function' && successFun(res.data, sourceObj)
            },
            fail: function (res) {
                typeof failFun     == 'function' && failFun(res.data, sourceObj)
            },
            complete: function (res) {
                typeof completeFun == 'function' && completeFun(res.data, sourceObj)
            }
        })
    }
     
    module.exports = {
            requestPostApi,
                requestGetApi
    }





    游客,如果您要查看本帖隐藏内容请回复

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    使用道具 举报 回复
    确实是难得好帖啊,顶先
    啥也不说了,感谢楼主分享哇!
    确实是难得好帖啊,顶先
    hahahahahahahha
    玷辱在干枯二若干
    可以的老哥666
    优秀的dome要支持------------
    感谢楼主分享
    感谢楼主分享
    12下一页
    发新帖
    *滑动验证:
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X