欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信js-sdk分享功能接口常用邏輯封裝示例

 更新時間:2016年10月13日 09:40:10   作者:天馬3798  
這篇文章主要介紹了微信js-sdk分享功能接口常用邏輯封裝,簡單介紹了分享功能接口的功能、邏輯封裝與使用方法,需要的朋友可以參考下

本文實例講述了微信js-sdk分享功能接口常用邏輯封裝。分享給大家供大家參考,具體如下:

微信js-sdk 1.0,分享說明:

1.目前支持的分享接口5個,其中分享騰訊微博基本可以忽略

2.接口只是定義分享時的數據,沒有提供觸發(fā)分享功能

一、在ready事件使用使用示例

//分享對象使用
var shareData={
  title:'分享標題',
  desc:'分享描述',
  link:'http://www.gongjuji.net',
  imgUrl:'http://www.gongjuji.net/favicon.ico',
  success:function(){
    appendText('分享成功');
  },
  //用戶取消
  cancel:function(){
    appendText('分享取消');
  }
}
var share=new wxShare(shareData);
share.bind();

二、封裝類定義:

//微信分享事件監(jiān)聽,常用功能封裝
(function(){
var wxShare=function(opts){
  var defaults={
    title:'分享標題',//分享標題,不能為空
    desc:'',//分享描述,可以為空,(分享到朋友圈,不支持描述)
    link:'',//分享頁面地址,不能為空
    imgUrl:'',//分享是封面圖片,不能為空
    success:function(){},//分享成功觸發(fā)
    cancel:function(){} //分享取消觸發(fā),需要時可以調用
  }
  this.opts=$.extend({},defaults,opts);
}
wxShare.prototype={
  //綁定微信朋友圈,發(fā)送朋友
  bindWX:function(){
    var _opts=this.opts;
    //監(jiān)聽,分享到朋友圈
    wx.onMenuShareTimeline({
      title:_opts.title,
      link:_opts.link,
      imgUrl:_opts.imgUrl,
      success:function(){
        if(_opts.success)
          _opts.success();
      },
      calcel:function(){
        if(_opts.cancel)
          _opts.cancel();
      }
    });
    //監(jiān)聽,分享給朋友 (type,dataurl基本可以放棄不使用)
    wx.onMenuShareAppMessage({
      title: _opts.title, // 分享標題
      desc: _opts.desc, // 分享描述
      link: _opts.link, // 分享鏈接
      imgUrl: _opts.imgUrl, // 分享圖標
      success: function () {
        if(_opts.success)
          _opts.success();
      },
      cancel: function () {
        if(_opts.cancel)
          _opts.cancel();
      }
    });
  },
  //綁定QQ空間,QQ好友
  bindQQ:function(){
    var _opts=this.opts;
    //監(jiān)聽,分享到QQ空間
    wx.onMenuShareQZone({
      title: _opts.title, // 分享標題
      desc: _opts.desc, // 分享描述
      link: _opts.link, // 分享鏈接
      imgUrl: _opts.imgUrl, // 分享圖標
      success: function () {
        if(_opts.success)
          _opts.success();
      },
      cancel: function () {
        if(_opts.cancel)
          _opts.cancel();
      }
    });
    //監(jiān)聽,分享到QQ
    wx.onMenuShareQQ({
      title: _opts.title, // 分享標題
      desc: _opts.desc, // 分享描述
      link: _opts.link, // 分享鏈接
      imgUrl: _opts.imgUrl, // 分享圖標
      success: function () {
        if(_opts.success)
          _opts.success();
      },
      cancel: function () {
        if(_opts.cancel)
          _opts.cancel();
      }
    });
  },
  //綁定默認,不使用騰訊微博
  bind:function(){
    this.bindWX();
    this.bindQQ();
  },
  //綁定所有,包括騰訊微博
  bindAll:function(){
    this.bind();
    var _opts=this.opts;
    //監(jiān)聽,分享到騰訊微博 (基本可以放棄不使用)
    wx.onMenuShareWeibo({
      title: _opts.title, // 分享標題
      desc:_opts.desc, // 分享描述
      link: _opts.link, // 分享鏈接
      imgUrl:_opts.imgUrl, // 分享圖標
      success: function () {
        if(_opts.success)
          _opts.success();
      },
      cancel: function () {
        if(_opts.cancel)
          _opts.cancel();
      }
    });
  }
}
window.wxShare=wxShare;
})();

更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結

希望本文所述對大家JavaScript程序設計有所幫助。

相關文章

  • js仿新浪微博消息發(fā)布功能

    js仿新浪微博消息發(fā)布功能

    這篇文章主要為大家詳細介紹了js仿新浪微博消息發(fā)布功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • 一文了解ES5和ES6的區(qū)別

    一文了解ES5和ES6的區(qū)別

    ES6是JavaScript語言的主要增強,允許我們編寫程序,ES6適用于復雜的應用程序,盡管ES5和ES6在本質上有一些相似之處,但它們之間也有許多不同之處,下面這篇文章主要給大家介紹了關于ES5和ES6區(qū)別的相關資料,需要的朋友可以參考下
    2023-05-05
  • javascript 文件的同步加載與異步加載實現原理

    javascript 文件的同步加載與異步加載實現原理

    本文將介紹javascript 文件的同步加載與異步加載實現原理,需要了解的朋友可以了解下
    2012-12-12
  • IE無法設置短域名下Cookie

    IE無法設置短域名下Cookie

    最近客戶在使用我們的流量監(jiān)測系統以及GA時發(fā)現了一個問題,我們統計到的數據比GA的要多很多倍,而且我們統計到的數據中,跳出率非常高,高達99%左右。
    2010-09-09
  • javascript學習之閉包分析

    javascript學習之閉包分析

    閉包,指的是詞法表示包括不被計算的變量的函數,也就是說,函數可以使用函數之外定義的變量。
    2010-12-12
  • JavaScript中的onerror事件概述及使用

    JavaScript中的onerror事件概述及使用

    onerror事件用來協助處理頁面中的JavaScript錯誤主要包括:Window.onerror事件,img載入錯誤,接下來為大家詳細介紹下,感興趣的朋友可以參考下哈
    2013-04-04
  • 微信小程序獲取微信運動步數的實例代碼

    微信小程序獲取微信運動步數的實例代碼

    本篇文章主要介紹了微信小程序微信運動步數的實例代碼,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-07-07
  • layui 設置table 行的高度方法

    layui 設置table 行的高度方法

    今天小編就為大家分享一篇layui 設置table 行的高度方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • JavaScript中的一些隱式轉換和總結(推薦)

    JavaScript中的一些隱式轉換和總結(推薦)

    這篇文章主要介紹了JavaScript中的一些隱式轉換和總結,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2017-12-12
  • 使用validate.js實現表單數據提交前的驗證方法

    使用validate.js實現表單數據提交前的驗證方法

    這篇文章主要介紹了使用validate.js實現表單數據提交前的驗證方法,文中給大家提供了完整代碼,需要的朋友可以參考下
    2018-09-09

最新評論