<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html><html><head><meta charset="utf-8" /><title>tttts</title></head><body> <!--微信分享圖功能--> <div class="share-title" style="display: none"> 轉(zhuǎn)發(fā)分享朋友圈主標(biāo)題</div> <div class="share-substr" style="display: none">轉(zhuǎn)發(fā)分享朋友圈副標(biāo)題為描述</div> <img class="share-img" style="display: none" src="http://wx.qlogo.cn/mmopen/BWmfcibGhS1L2PmzOyziaXYJNU7gLIFkiakZS3PgACJgOHqYoBCOh1icVeibr7DiaRAU6rxia6Jf7RNcw9EVfbO7OPnqwYhTgHpwoyQ/0" width="300" height="300" /> <img src="http://wx.qlogo.cn/mmopen/BWmfcibGhS1L2PmzOyziaXYJNU7gLIFkiakZS3PgACJgOHqYoBCOh1icVeibr7DiaRAU6rxia6Jf7RNcw9EVfbO7OPnqwYhTgHpwoyQ/0"/></body><script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript"> var json_wx = { 'jsonpurl' : (function(callback) { var str, loc = window.location.href.substring(0, window.location.href.indexOf('#') < 0 ? undefined : window.location.href.indexOf('#')); str = "wechatconfig/wxjssdk?callback=cb" + "&url=" + encodeURIComponent(loc); return str; })(), 'createTag' : function(url) { var tag = document.createElement("script"); tag.src = url; document.querySelector("body").appendChild(tag); } } function cb(tmp) { wx.config({ debug : false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會通過log打出，僅在pc端時才會打印。 appId : tmp.appId, // 必填，公眾號的唯一標(biāo)識 timestamp : tmp.timestamp, // 必填，生成簽名的時間戳 nonceStr : tmp.nonceStr, // 必填，生成簽名的隨機(jī)串 signature : tmp.signature, // 必填，簽名，見附錄1 jsApiList : [ 'checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2 /* * 注意： * 1. 所有的JS接口只能在公眾號綁定的域名下調(diào)用，公眾號開發(fā)者需要先登錄微信公眾平臺進(jìn)入“公眾號設(shè)置”的“功能設(shè)置”里填寫“JS接口安全域名”。 * 2. 如果發(fā)現(xiàn)在 Android 不能分享自定義內(nèi)容，請到官網(wǎng)下載最新的包覆蓋安裝，Android 自定義分享接口需升級至 6.0.2.58 版本及以上。 * 3. 常見問題及完整 JS-SDK 文檔地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html * * 開發(fā)中遇到問題詳見文檔“附錄5-常見錯誤及解決辦法”解決，如仍未能解決可通過以下渠道反饋： * 郵箱地址：weixin-open@qq.com * 郵件主題：【微信JS-SDK反饋】具體問題 * 郵件內(nèi)容說明：用簡明的語言描述問題所在，并交代清楚遇到該問題的場景，可附上截屏圖片，微信團(tuán)隊會盡快處理你的反饋。 */ }); wx.ready(function() { // config信息驗證后會執(zhí)行ready方法，所有接口調(diào)用都必須在config接口獲得結(jié)果之后，config是一個客戶端的異步操作，所以如果需要在頁面加載時就調(diào)用相關(guān)接口，則須把相關(guān)接口放在ready函數(shù)中調(diào)用來確保正確執(zhí)行。對于用戶觸發(fā)時才調(diào)用的接口，則可以直接調(diào)用，不需要放在ready函數(shù)中。 // 1 判斷當(dāng)前版本是否支持指定 JS 接口，支持批量判斷 wx.checkJsApi({ jsApiList : [ 'getNetworkType', 'previewImage' ], success : function(res) { //alert(JSON.stringify(res)); } }); var shareTit = document.querySelector(".share-title").innerHTML .trim(); var sharesum = document.querySelector(".share-substr").innerHTML .trim(); var shareImg = document.querySelector(".share-img").nodeName .toLowerCase() === "div" ? document.querySelector( ".share-img").querySelector("img").src : document .querySelector(".share-img").src; var shareUrl = window.location.href; // 2. 分享接口 // 2.1 監(jiān)聽“分享給朋友”，按鈕點擊、自定義分享內(nèi)容及分享結(jié)果接口 wx.onMenuShareAppMessage({ title : shareTit, desc : sharesum, link : shareUrl, imgUrl : shareImg, trigger : function(res) { // 不要嘗試在trigger中使用ajax異步請求修改本次分享的內(nèi)容，因為客戶端分享操作是一個同步操作，這時候使用ajax的回包會還沒有返回 //alert('用戶點擊發(fā)送給朋友'); }, success : function(res) { //alert('已分享'); }, cancel : function(res) { //alert('已取消'); }, fail : function(res) { //alert(JSON.stringify(res)); } }); // 2.2 監(jiān)聽“分享到朋友圈”按鈕點擊、自定義分享內(nèi)容及分享結(jié)果接口 wx.onMenuShareTimeline({ title : shareTit, link : shareUrl, imgUrl : shareImg, trigger : function(res) { // 不要嘗試在trigger中使用ajax異步請求修改本次分享的內(nèi)容，因為客戶端分享操作是一個同步操作，這時候使用ajax的回包會還沒有返回 ///alert('用戶點擊分享到朋友圈'); }, success : function(res) { //alert('已分享'); }, cancel : function(res) { //alert('已取消'); }, fail : function(res) { //alert(JSON.stringify(res)); } }); // 2.3 監(jiān)聽“分享到QQ”按鈕點擊、自定義分享內(nèi)容及分享結(jié)果接口 wx.onMenuShareQQ({ title : shareTit, desc : sharesum, link : shareUrl, imgUrl : shareImg, trigger : function(res) { //alert('用戶點擊分享到QQ'); }, complete : function(res) { //alert(JSON.stringify(res)); }, success : function(res) { //alert('已分享'); }, cancel : function(res) { //alert('已取消'); }, fail : function(res) { //alert(JSON.stringify(res)); } }); // 2.4 監(jiān)聽“分享到微博”按鈕點擊、自定義分享內(nèi)容及分享結(jié)果接口 wx.onMenuShareWeibo({ title : shareTit, desc : sharesum, link : shareUrl, imgUrl : shareImg, trigger : function(res) { //alert('用戶點擊分享到微博'); }, complete : function(res) { //alert(JSON.stringify(res)); }, success : function(res) { ///alert('已分享'); }, cancel : function(res) { //alert('已取消'); }, fail : function(res) { //alert(JSON.stringify(res)); } }); // 2.5 監(jiān)聽“分享到QZone”按鈕點擊、自定義分享內(nèi)容及分享接口 wx.onMenuShareQZone({ title : shareTit, desc : sharesum, link : shareUrl, imgUrl : shareImg, trigger : function(res) { //alert('用戶點擊分享到QZone'); }, complete : function(res) { //alert(JSON.stringify(res)); }, success : function(res) { //alert('已分享'); }, cancel : function(res) { //alert('已取消'); }, fail : function(res) { //alert(JSON.stringify(res)); } }); }); wx.error(function(res) { // config信息驗證失敗會執(zhí)行error函數(shù)，如簽名過期導(dǎo)致驗證失敗，具體錯誤信息可以打開config的debug模式查看，也可以在返回的res參數(shù)中查看，對于SPA可以在這里更新簽名。 console.log(res, error); }); } json_wx.createTag(json_wx.jsonpurl);</script></html>
本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點擊舉報。
