微信分享功能实现

function getWxinformation(){
             var currentUrl = location.href.split('#')[0];//var currentUrl = document.URL;
            $.ajax({
                url:'http://xxxxx',//后台返回数据接口
                type:'get',
                dataType:'jsonp',
                jsonp: 'jsoncallback',
                data: {"url": currentUrl},
                success:function(res){
                    var wxDesc = 'xxxx';//分享内容介绍
                    var wxTitle = 'xxxxx';//分享标题
                    var imgUrl = 'http://xxxxxx.jpg';分享图片
                    wx.config({
                        debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                        appId : res.appId, // 必填,公众号的唯一标识
                        timestamp : res.timestamp, // 必填,生成签名的时间戳
                        nonceStr : res.nonceStr, // 必填,生成签名的随机串
                        signature : res.signature,// 必填,签名,见附录1
                        jsApiList : ['onMenuShareTimeline',
                               'onMenuShareAppMessage',
                               'onMenuShareQQ',
                               'onMenuShareWeibo',
                               'onMenuShareQZone',
                               'previewImage'
                            ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
                    });
                    wx.ready(function(){
                         wx.onMenuShareTimeline({
                          title: wxTitle, // 分享标题
                          link: currentUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                          imgUrl: imgUrl, // 分享图标
                          success: function (res) {
                          },
                          cancel: function () {
                          }
                        });
                        wx.onMenuShareAppMessage({
                          title: wxTitle, // 分享标题
                          desc: wxDesc,
                          link: currentUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                          imgUrl: imgUrl, // 分享图标
                          success: function (res) {
                          },
                          cancel: function () {
                          }
                        });
                        wx.onMenuShareQQ({
                          title: wxTitle, // 分享标题
                          desc: wxDesc,
                          link: currentUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                          imgUrl: imgUrl, // 分享图标
                          success: function () {
                          },
                          cancel: function () {
                          }
                        });
                        wx.onMenuShareWeibo({
                          title: wxTitle, // 分享标题
                          desc: wxDesc,
                          link: currentUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                          imgUrl: imgUrl, // 分享图标
                          success: function () {
                          },
                          cancel: function () {
                          }
                        });
                        wx.onMenuShareQZone({
                          title: wxTitle, // 分享标题
                          desc: wxDesc,
                          link: currentUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                          imgUrl: imgUrl, // 分享图标
                          success: function () {
                             console.log(desc);
                          },
                          cancel: function () {
                          }
                        });
                    })
                },
                error:function(res){
                    console.log(res)
                }   
            })
        }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值