一、引用<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
二、后台返回,几个参数:
var signature = $("#signature").val();//"${wxJsapi.signature!}";
var nonceStr = $("#nonceStr").val();//"${wxJsapi.nonceStr!}";
var timestamp = $("#timestamp").val();//"${wxJsapi.timestamp!}";
var mappId = $("#appId").val();//"${wxJsapi.appId!}";
三、点击触发功能
function openScanQRCode(){
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: mappId, // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: nonceStr, // 必填,生成签名的随机串
signature: signature,// 必填,签名
jsApiList: [
'scanQRCode' //必须填写
] // 必填,需要使用的JS接口列表,所有JS接口列表见官方文档附录2
});
wx.ready(function(){
wx.scanQRCode({
needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
success: function (res) {
var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
alert(result);
}
});
});
}
<img src="${cxt!}/static/wxweb/car/img/imei2.png" onclick="openScanQRCode();" class="imeiScan"/>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript">
var cxt = "${cxt!}";
var openId = "${openId!}";
var mutype = "${userType!}";
var mtype = "${type!}";
var signature = $("#signature").val();//"${wxJsapi.signature!}";
var nonceStr = $("#nonceStr").val();//"${wxJsapi.nonceStr!}";
var timestamp = $("#timestamp").val();//"${wxJsapi.timestamp!}";
var mappId = $("#appId").val();//"${wxJsapi.appId!}";
function openScanQRCode(){
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: mappId, // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: nonceStr, // 必填,生成签名的随机串
signature: signature,// 必填,签名
jsApiList: [
'hideAllNonBaseMenuItem',
'scanQRCode'
] // 必填,需要使用的JS接口列表,所有JS接口列表见官方文档附录2
});
wx.ready(function(){
wx.hideAllNonBaseMenuItem();
wx.scanQRCode({
needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
success: function (res) {
var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
alert(result);
}
});
});
}
/**
* 配置验证须知
* 1、要引入jquery.js、base.js、base.css
* 2、提交按钮应在<form></form>内部
* 3、在要验证的input中写上lay-verify="验证方法名|验证方法名" 可写多个但要用|分隔开
* 4、要添加验证方法可在base.js中添加
* 5、诺只想引用提示弹出:showTip.success("弹出提示内容");、showTip.fall("弹出提示内容")
* 6、base.css中可以自行修改弹窗样式
*/
$('#regBtn').click(function(){
if(!checkInputFunction($('#regBtn'))){
return false;
}
//下面书写验证成功后执行的内容
});
function choose(){
var murl = cxt+"/wechat/oil/goCarPart?pageName=choose_type";
layer.open({
type: 2,
offset: 'auto',
skin: 'layui-layer-lan',
title: " + 选择验证方式",
area: ['58%', '30%'],
shade: 0.3,
shadeClose: false,
content: murl,
btn: ['确定', '取消'],
yes: function (index, layero) {
var win = layero.find("iframe")[0].contentWindow;
win.getChoose();
var type = win.certType;
if(type && type!=""){
if(type=="1"){
$('#sel').val('手机号码短信验证');
}else if(type=="2"){
$('#sel').val('电子邮箱验证');
}
layer.close(index);
}else{
layer.alert('请选择验证方式');
}
}
});
}
</script>