上一篇说到还有一个扫码功能要做,来绑定我们给商户提供的二维码。
微信也有自带的扫一扫功能并返回扫描结果、或者直接直接访问扫描结果。
刚开始用了一个按钮控件,在点击事件中调起微信扫一扫功能。同样,签名、appid这几个值仍然需要。
$("#scanQRCode").click(function() {
wx.scanQRCode({
// 默认为0,扫描结果由微信处理,1则直接返回扫描结果
needResult : 1,
desc : '将二维码放入框内,即可自动扫描',
success : function(res) {
var url = res.resultStr;
$("#qrCodeUrl").val(url);
$("#scanresult").html("扫描完成");
}
});
});
然后扫一扫是调起成功了,却没有结果结果,问题也找不到。后来发现是input的type类型没有写。
这一个小小的问题疏忽了然后半天了都查不到原因。后来加上type=button就没有问题了。看来日常工作中的编码规范还是要注意啊。
拿到二维码url后,根据我们自己定的规则将商户号取出后,绑定到用户信息上。后来页面改了,按钮有点难看,而且还与确定按钮冲突了,俗话说一山不容二虎。于是改为了:
<div class="weui-cells" style="font-size: 14px;">
<div class="weui-cell weui-cell_access" id="scanQRCode">
<div class="weui-cell__bd" style="text-align: left;">
扫描二维码
</div>
<div class="weui-cell__ft" id="scanresult">
<span style="color: red;">未扫码</span>
</div>
</div>
</div>