微信小程序showModal封装及请求地址参数拼接

微信小程序中我们有时候为了方便回对官方的API进行进一步的封装使用,让我们开发起来更方便,比如showModal以及请求地址参数的拼接。

/**
 * hasOwnProperty()方法返回一个布尔值,判断对象是否包含特定的自身(非继 
 * 承)属性,显示确定和取消
 * @param [Object] params   title:标题  content:内容  cb_cancel  cb_confirm :回调函数
 */
 tip: function(params) {
    console.log(params)
    var that = this;
    var title = params.hasOwnProperty('title') ? params['title'] : '提示';
    var content = params.hasOwnProperty('content') ? params['content'] : '';
    wx.showModal({
      title: title,
      content: content,
      success: function(res) {
        if (res.confirm) { //点击确定
          if (params.hasOwnProperty('cb_confirm') && typeof(params.cb_confirm) == "function") {
            params.cb_confirm();
          }
        } else { //点击否
          if (params.hasOwnProperty('cb_cancel') && typeof(params.cb_cancel) == "function") {
            params.cb_cancel();
          }
        }
      }
    })
  },
/**
* 只显示确定按钮
* @param [Object]  params  title:标题  content:内容  cb_confirm :回调函数
*/
 alert: function (params) {
   var title = params.hasOwnProperty('title') ? params['title'] : '提示';
   var content = params.hasOwnProperty('content') ? params['content'] : '';
   wx.showModal({
     title: title,
     content: content,
     showCancel: false,
     success: function (res) {
       if (res.confirm) {//用户点击确定
         if (params.hasOwnProperty('cb_confirm') && typeof (params.cb_confirm) == "function") {
           params.cb_confirm();
         }
       } 
     }
   })
 },
 /*
  * 请求地址参数拼接
  * @param  path 地址
  * @param  params 参数
  */
  buildUrl: function (path, params) {
    var url = 域名地址 + path;
    var paramUrl = "";
    if (params) {
      paramUrl = Object.keys(params).map(function (k) {
        return [encodeURIComponent(k), encodeURIComponent(params[k])].join("=");
      }).join("&");
      paramUrl = "?" + paramUrl;
    }
    return url + paramUrl;
  },

前端攻城师出品

你可能感兴趣的:(微信小程序showModal封装及请求地址参数拼接)