JQ---h5页面上实现微信扫一扫功能

JQ—h5页面上实现微信扫一扫功能

1.引用jq和微信配置相关文件

<script src="../js/jquery.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

2.在js中，请求后台的接口

$(document).ready(function () {getCode()//调用接口
})
function getCode(){//获取二维码let url = document.location.href;$.ajax({ url:urlLink+'c=sjd&a=index&do=wxconfig',method:'post',dataType: "json",data:{url:url},success:function(res){var jsondata= res.data;console.log('微信信息--',jsondata)wx.config({// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。debug: false,// 必填，公众号的唯一标识appId: jsondata.appId,// 必填，生成签名的时间戳"" + timestamp: jsondata.timestamp,// 必填，生成签名的随机串nonceStr: jsondata.nonceStr,// 必填，签名signature: jsondata.signature,// 必填，需要使用的JS接口列表jsApiList: ['scanQRCode']});}})}//在一个循环中的调用// 获取微信扫一扫$('.bao_qrcode1').each(function(){$(this).click(function(){wx.ready(function () {wx.checkJsApi({jsApiList: ['scanQRCode'],success: function (res) {}})// wx.error(function(res) {//         alert("出错了：" + res.errMsg);//提示wx.config配置错误。// });wx.scanQRCode({needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，scanType: ["qrCode"], // 可以指定扫二维码还是一维码，默认二者都有success: function (res) {var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果// alert("扫描结果："+result);window.location.href = result;//因为我这边是扫描后有个链接，然后跳转到该页面}});});});})

JQ---h5页面上实现微信扫一扫功能相关推荐

ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法
ios系统微信浏览器.safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法参考文章: (1)ios系统微信浏览器.safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法 (2) ...
前端如何在H5页面调起微信支付
在微信服务号开发的时候经常会遇到微信支付的功能实现,通过实际经验自己总结了一下,前端在H5页面调起微信支付有两种办法,一是利用内置对象,二是通过引用微信的js sdk,亲测都能支付成功,从写法上来看用 ...
vue H5页面跳转微信小程序以及生成二维码跳转小程序
研究了两种H5跳转小程序的方法,同时携带参数 1. 手机浏览器打开H5页面,点击按钮拉起微信小程序 2. H5页面上生成小程序二维码,手机微信扫码跳转目标小程序为了开发方便,以上两种均借助了微信小程 ...
H5页面中调用微信和支付宝支付
最近在工作中,有个H5页面需要实现微信支付和支付宝支付的功能,现在已经完成,抽个时间写出来,分享给有需要的人. 第一步:先判断当前环境判断用户所属环境,根据环境不同,执行不同的支付程序. if (/ ...
在H5页面中禁止微信分享转发按钮-mugeda
在H5页面中禁止微信分享转发按钮(mugeda) 在页面脚本中插入以下代码方法一: 加一段js代码 document.addEventListener('WeixinJSBridgeReady', ...
在H5页面中禁止微信分享转发按钮
在H5页面中禁止微信分享转发按钮(mugeda) 在页面脚本中插入以下代码方法一: 加一段js代码 document.addEventListener('WeixinJSBridgeReady', ...
h5页面返回到微信首页
h5页面返回到微信首页等同于关闭当前打开页面使用微信内置WeixinJSBridge.call直接关闭 setTimeout(function() {//这个可以关闭安卓系统的手机document. ...
微信H5页面隐藏点击右上角的分享功能
微信H5页面隐藏点击右上角的分享功能注:H5页面右上角的三个点是微信自带的,所以不能去掉,只是可以隐藏点击后的分享功能右上角分享功能的显示与隐藏 <script>// 隐藏docume ...
H5页面中调起手机的电话拨打功能
在H5页面中调起手机的电话拨打功能其实很简单就能实现,代码如下: <a href="tel:13555555555">点击给我打电话</a> 但是也存在一些 ...

JQ---h5页面上实现微信扫一扫功能

JQ—h5页面上实现微信扫一扫功能

JQ---h5页面上实现微信扫一扫功能相关推荐

最新文章

热门文章