静态html利用ajax实现微信jssdk分享

来源：互联网发布：java 迭代器模式编辑：程序博客网时间：2024/05/16 07:31
JSSDK参数动态输出不是很优雅，这里记录一下如何配合ajax实现纯html实现JSSDK分享
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">    <head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />        <title>JSSDK</title>    </head>        <body>                <script type=text/javascript src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>        <script>            url = location.href;            $.ajax({                type: "get",                url: "http://www.weixin139.com/index/api/get_token?&url=" + url, //替换网址，xxx根据自己jssdk文件位置修改                 dataType: "jsonp",                jsonp: "callback",                jsonpCallback: "success_jsonpCallback",                success: function (data) {                    wx.config({                        debug:true,                        appId: data.appId,                        timestamp: data.timestamp,                        nonceStr: data.nonceStr,                        signature: data.signature,                        jsApiList: [                          "onMenuShareTimeline", //分享给好友                           "onMenuShareAppMessage", //分享到朋友圈                           "onMenuShareQQ", //分享到QQ                           "onMenuShareWeibo" //分享到微博                         ]                    });                },                error: function (data) {                    console.log("连接失败！");                }            });            wx.ready(function () {                var shareData = {                    title: '分享标题',                    desc: '分享简介', //这里请特别注意是要去除html                     link: 'http://p3.sinaimg.cn/1821809482/180/97061420510776',                    imgUrl: 'http://p3.sinaimg.cn/1821809482/180/97061420510776',                    trigger: function (res) {                        alert('用户点击发送给朋友');                      },                      success: function (res) {                        alert('已分享');                      },                      cancel: function (res) {                        alert('已取消');                      },                      fail: function (res) {                        alert(JSON.stringify(res));                      }                };                wx.onMenuShareAppMessage(shareData);                wx.onMenuShareTimeline(shareData);                wx.onMenuShareQQ(shareData);                wx.onMenuShareWeibo(shareData);            });        </script>    </body></html>
阅读全文
0 0