H5页面分享

<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript">
  var appId = "";
  var timestamp = "";
  var nonceStr = "";
  var signature = "";
  var title = "2022考研大纲-考研大纲变动解析-199管理类联考考研大纲-396经济类联考考研大纲-考研公共课大纲";
  var link = "";
  var desc = "2022考研大纲即将公布,提前预约,了解新变化!";
  var imgUrl = "https://m.yanxian.org/special/kydg/images/share.jpg";
  $.ajax({
    url: 'https://mk.yanxian.org/index/api/share',
    type: 'get',
    jsonp: "callback",
    data: {
        url: location.href.split('#')[0]
    },
    dataType: "jsonp", //数据类型为jsonp
    success: function(data) {
        //console.log(data.data.appid);
        appId = data.data.appid
        timestamp = data.data.timestamp
        nonceStr = data.data.noncestr
        signature = data.data.signature
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "./js/wx.js";
        document.getElementsByTagName("body")[0].appendChild(script);
    }
})
</script>
//wx.js

wx.config({
    debug: false,
    appId: appId,
    timestamp: timestamp,
    nonceStr: nonceStr,
    signature: signature,
    jsApiList: [
        'updateAppMessageShareData',
        'updateTimelineShareData',
        'onMenuShareWeibo'
    ]
});

wx.ready(function () {
    wx.checkJsApi({
        jsApiList: [
            'updateAppMessageShareData',
            'updateTimelineShareData',
            'onMenuShareWeibo'
        ],
        success: function (res) {
        }
    });
    // 分享给朋友”及“分享到QQ”
    wx.updateAppMessageShareData({
        title: title, // 分享标题
        desc: desc, // 分享描述
        link: location.href.split("#")[0], // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: imgUrl, // 分享图标

        success: function (res) {
            // 设置成功
        },


    })
    // 分享到朋友圈”及“分享到QQ空间
    wx.updateTimelineShareData({
        title: title, // 分享标题
        link: location.href.split("#")[0], // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: imgUrl, // 分享图标
        success: function () {
            // 设置成功
        }
    })
    // 分享到腾讯微博
    wx.onMenuShareWeibo({
        title: title, // 分享标题
        desc: desc, // 分享描述
        link: location.href.split("#")[0], // 分享链接
        imgUrl: imgUrl, // 分享图标
        success: function () {
            // 用户确认分享后执行的回调函数
        },
        cancel: function () {
            // 用户取消分享后执行的回调函数
        }
    });
});

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值