微信js-sdk分享功能接口常用逻辑封装示例

本文实例讲述了微信js-sdk分享功能接口常用逻辑封装。分享给大家供大家参考，具体如下：
微信js-sdk 1.0，分享说明：
1.目前支持的分享接口5个，其中分享腾讯微博基本可以忽略
2.接口只是定义分享时的数据，没有提供触发分享功能
一、在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（）;

二、封装类定义：

//微信分享事件监听，常用功能封装（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（）;}}）;//监听，分享到QQwx.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程序设计有所帮助。