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

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

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

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

微信js-sdk 1.0,分享說(shuō)明:

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

2.接口只是定義分享時(shí)的數(shù)據(jù),沒(méi)有提供觸發(fā)分享功能

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

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

二、封裝類(lèi)定義:

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

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

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

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

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

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

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

    javascript 文件的同步加載與異步加載實(shí)現(xiàn)原理

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

    IE無(wú)法設(shè)置短域名下Cookie

    最近客戶(hù)在使用我們的流量監(jiān)測(cè)系統(tǒng)以及GA時(shí)發(fā)現(xiàn)了一個(gè)問(wèn)題,我們統(tǒng)計(jì)到的數(shù)據(jù)比GA的要多很多倍,而且我們統(tǒng)計(jì)到的數(shù)據(jù)中,跳出率非常高,高達(dá)99%左右。
    2010-09-09
  • javascript學(xué)習(xí)之閉包分析

    javascript學(xué)習(xí)之閉包分析

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

    JavaScript中的onerror事件概述及使用

    onerror事件用來(lái)協(xié)助處理頁(yè)面中的JavaScript錯(cuò)誤主要包括:Window.onerror事件,img載入錯(cuò)誤,接下來(lái)為大家詳細(xì)介紹下,感興趣的朋友可以參考下哈
    2013-04-04
  • 微信小程序獲取微信運(yùn)動(dòng)步數(shù)的實(shí)例代碼

    微信小程序獲取微信運(yùn)動(dòng)步數(shù)的實(shí)例代碼

    本篇文章主要介紹了微信小程序微信運(yùn)動(dòng)步數(shù)的實(shí)例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-07-07
  • layui 設(shè)置table 行的高度方法

    layui 設(shè)置table 行的高度方法

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

    JavaScript中的一些隱式轉(zhuǎn)換和總結(jié)(推薦)

    這篇文章主要介紹了JavaScript中的一些隱式轉(zhuǎn)換和總結(jié),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2017-12-12
  • 使用validate.js實(shí)現(xiàn)表單數(shù)據(jù)提交前的驗(yàn)證方法

    使用validate.js實(shí)現(xiàn)表單數(shù)據(jù)提交前的驗(yàn)證方法

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

最新評(píng)論