教程吧

本文实例讲述了微信js-sdk分享功能接口常用逻辑封装。分享给大家供大家参考，具体如下：

微信js-sdk 1.0，分享说明：

1.目前支持的分享接口5个，其中分享腾讯微博基本可以忽略

2.接口只是定义分享时的数据，没有提供触发分享功能

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

//分享对象使用 var shareData={ title:'分享标题', desc:'分享描述', link:'http://jiucanba.com', imgUrl:'http://jiucanba.com/favicon.ico', success:function(){ appendText('分享成功'); }, //用户取消 cancel:function(){ appendText('分享取消'); } } var share=new wxShare(shareData); share.bind();

二、封装类定义：

//微信分享事件监听，常用功能封装 (function(){ var wxShare=function(opts){ var defaults={ title:'分享标题',//分享标题,不能为空 desc:'',//分享描述，可以为空，（分享到朋友圈，不支持描述） link:'',//分享页面地址,不能为空 imgUrl:'',//分享是封面图片，不能为空 success:function(){},//分享成功触发 cancel:function(){} //分享取消触发，需要时可以调用 } this.opts=$.extend({},defaults,opts); } wxShare.prototype={ //绑定微信朋友圈，发送朋友 bindWX:function(){ var _opts=this.opts; //监听，分享到朋友圈 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(); } }); //监听，分享给朋友 （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; //监听，分享到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(); } }); //监听，分享到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; //监听，分享到腾讯微博 (基本可以放弃不使用) 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程序设计有所帮助。