微信公众号开发--微信JS-SDK扫一扫功能 《二jsp》
2017-10-14 22:35
567 查看
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<sec:csrfMetaTags/>
<html>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta charset="utf-8"/>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta content="telephone=no,email=no" name="format-detection">
<title>测试</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="${ctx}/html/public/plugin/weui/jquery-weui.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</head>
<body>
<input type="hidden" id="appId" value="${appId }"/>
<input type="hidden" id="timestamp" value="${timestamp }"/>
<input type="hidden" id="nonceStr" value="${nonceStr }"/>
<input type="hidden" id="signature" value="${signature }"/>
<input id="id_securityCode_input">
<button id="scanQRCode">扫描</button>
<script>
var timestamp = $("#timestamp").val();
var nonceStr = $("#nonceStr").val();
var signature = $("#signature").val();
var appId = $("#appId").val();
wx.config({
debug : true,
appId : appId,
timestamp : timestamp,
nonceStr : nonceStr,
signature : signature,
jsApiList : [ 'scanQRCode' ]
});
$("#scanQRCode").click(function() {
wx.scanQRCode({
needResult : 1,
desc : 'scanQRCode desc',
success : function(res) {
var url = res.resultStr;
if(url.indexOf(",")>=0){
var tempArray = url.split(',');
var tempNum = tempArray[1];
$("#id_securityCode_input").val(tempNum);
}else{
$("#id_securityCode_input").val(url);
}
}
});
});
</script>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<sec:csrfMetaTags/>
<html>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta charset="utf-8"/>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta content="telephone=no,email=no" name="format-detection">
<title>测试</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="${ctx}/html/public/plugin/weui/jquery-weui.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</head>
<body>
<input type="hidden" id="appId" value="${appId }"/>
<input type="hidden" id="timestamp" value="${timestamp }"/>
<input type="hidden" id="nonceStr" value="${nonceStr }"/>
<input type="hidden" id="signature" value="${signature }"/>
<input id="id_securityCode_input">
<button id="scanQRCode">扫描</button>
<script>
var timestamp = $("#timestamp").val();
var nonceStr = $("#nonceStr").val();
var signature = $("#signature").val();
var appId = $("#appId").val();
wx.config({
debug : true,
appId : appId,
timestamp : timestamp,
nonceStr : nonceStr,
signature : signature,
jsApiList : [ 'scanQRCode' ]
});
$("#scanQRCode").click(function() {
wx.scanQRCode({
needResult : 1,
desc : 'scanQRCode desc',
success : function(res) {
var url = res.resultStr;
if(url.indexOf(",")>=0){
var tempArray = url.split(',');
var tempNum = tempArray[1];
$("#id_securityCode_input").val(tempNum);
}else{
$("#id_securityCode_input").val(url);
}
}
});
});
</script>
</body>
</html>
相关文章推荐
- 微信公众号开发--微信JS-SDK扫一扫功能
- 微信公众号开发--微信JS-SDK扫一扫功能
- [微信JS-SDK]微信公众号JS开发之卡券领取功能详解
- 微信JS-SDK]微信公众号JS开发之卡券领取功能详解
- 微信开发--微信JS-SDK扫一扫功能
- 微信开发--微信JS-SDK扫一扫功能
- 微信公众号开发《三》微信JS-SDK之地理位置的获取与在线导航,集成百度地图实现在线地图搜索
- 微信公众号开发《四》使用微信JS-SDK实现手机图片上传,支持压缩、预览。并下载图片到自身服务器
- 微信公众号,JS-SDK调用微信扫一扫
- 微信公众号开发《三》微信JS-SDK之地理位置的获取,集成百度地图实现在线地图搜索
- 微信JS-SDK分享功能开发实例
- 微信公众号开发:调用微信扫一扫功能
- 关于微信公众号开发【微信JS-SDK】报错:config invalid url domian
- Java企业微信开发_10_未验证域名归属,JS-SDK功能受限
- 微信公众号与HTML 5混合模式揭秘4——jssdk调用微信扫一扫
- 微信公众号开发--微信JS-SDK分享到朋友圈和分享给朋友
- 微信开发-PC调试-JS-SDK功能之分享功能调试
- 夺命雷公狗---微信开发56----微信js-sdk接口开发(3)所有接口功能
- 手机微信(JS-SDK)扫一扫开发详解
- 微信开发(3):微信公众号发现金红包功能开发,利用第三方SDK实现(Java)