在移動互聯網時代,微信已經成為了人們生活中不可或缺的一部分,而微信分享也逐漸成為了網站和應用必不可少的功能。在這種情況下,如何通過jquery來觸發微信分享功能呢?下面我將為大家介紹一下。
首先,在HTML頭部引入jquery庫和微信JS-SDK庫:
<!-- 引入jquery庫 --> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <!-- 引入微信JS-SDK庫 --> <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
接下來,我們需要初始化微信JS-SDK,需要先獲取簽名等信息。代碼如下:
//初始化微信JS-SDK $.ajax({ type: "POST", url: "getSignature.php", //獲取簽名等信息 data: { url: window.location.href //當前頁面url }, success: function(response) { var data = JSON.parse(response); wx.config({ debug: false, //調試模式,可選值true或false,默認false appId: data.appid, //公眾號的唯一標識 timestamp: data.timestamp, //生成簽名的時間戳 nonceStr: data.nonceStr, //生成簽名的隨機串 signature: data.signature, //簽名 jsApiList: [ 'onMenuShareTimeline', //分享到朋友圈 'onMenuShareAppMessage', //分享到好友 'onMenuShareQQ', //分享到QQ 'onMenuShareWeibo', //分享到微博 'onMenuShareQZone' //分享到QQ空間 ] }); }, error: function(xhr, status, error) { console.log(xhr.responseText); } });
接下來,我們可以定義一個函數,用于設置微信分享的內容。代碼如下:
//設置分享內容 function setShare(shareTitle, shareDesc, shareLink, shareImg) { wx.ready(function() { wx.onMenuShareTimeline({ title: shareTitle, //分享標題 link: shareLink, //分享鏈接 imgUrl: shareImg //分享圖標 }); wx.onMenuShareAppMessage({ title: shareTitle, //分享標題 desc: shareDesc, //分享描述 link: shareLink, //分享鏈接 imgUrl: shareImg, //分享圖標 type: 'link', //分享類型,music、video或link,不填默認是link dataUrl: '' //如果type是music或video,則要提供數據鏈接,默認為空 }); wx.onMenuShareQQ({ title: shareTitle, //分享標題 desc: shareDesc, //分享描述 link: shareLink, //分享鏈接 imgUrl: shareImg //分享圖標 }); wx.onMenuShareWeibo({ title: shareTitle, //分享標題 desc: shareDesc, //分享描述 link: shareLink, //分享鏈接 imgUrl: shareImg //分享圖標 }); wx.onMenuShareQZone({ title: shareTitle, //分享標題 desc: shareDesc, //分享描述 link: shareLink, //分享鏈接 imgUrl: shareImg //分享圖標 }); }); }
最后,在需要觸發微信分享的時候,我們可以調用該函數來設置分享內容。比如說,在按鈕點擊事件中調用setShare函數即可。代碼如下:
//按鈕點擊事件 $('.share-btn').click(function(){ setShare('這里是分享標題', '這里是分享描述', 'http://www.example.com', 'http://www.example.com/image.jpg'); });
這樣就可以通過jquery來觸發微信分享功能了,希望能對大家有所幫助。
上一篇jquery計時器例子
下一篇jquery觸發標簽事件