JS 实现微信扫一扫功能

 更新时间:2018年09月14日 09:19:20   作者:焦木  
这篇文章主要介绍了JS 实现微信扫一扫功能,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

具体代码如下所示:

let para = {
          opentoken : token,
          currUrl : location.href
        };
$.ajax({
          type: "POST",
          url: url,
          data: para,
          async: false,
          dataType: "json",
          error: function (res) {
            t.shadeConfig = {
              isEmpty: false,
              d_shade: false
            };
          },
          success: function(r) {
            if (200 == r.status) {
              var d = r.result;
              wx.config({
                debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                appId : d.appId, // 必填,公众号的唯一标识
                timestamp : d.timestamp, // 必填,生成签名的时间戳
                nonceStr : d.nonceStr, // 必填,生成签名的随机串
                signature : d.signature,// 必填,签名,见附录1
                jsApiList : [ 'scanQRCode' ]
                // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
              });
              wx.scanQRCode({
                // 默认为0,扫描结果由微信处理,1则直接返回扫描结果
                needResult : 1,
                desc : 'scanQRCode desc',
                success : function(res) {
                  var codes = res.resultStr;
                  alert("扫码识别到的codes:"+codes);
                }
              });
            } else {
              t.shadeConfig = {
                isEmpty: false,
                d_shade: false
              };
            }
          }
        });

总结

以上所述是小编给大家介绍的JS 实现微信扫一扫功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • JavaScript的eval JSON object问题

    JavaScript的eval JSON object问题

    在做AJAX应用开发的时候,我们通常喜欢把服务器端返回的JSON格式字符串在客户端的回调函数中把它作为JavaScript代码执行并用一个变量保存起来,以方便使用返回的数据。
    2009-11-11
  • js性能优化之数组模式实例详解

    js性能优化之数组模式实例详解

    这篇文章主要为大家介绍了js性能优化之数组模式实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • JavaScript使用readAsDataURL读取图像文件

    JavaScript使用readAsDataURL读取图像文件

    这篇文章主要为大家详细介绍了JavaScript使用readAsDataURL读取图像文件的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • JavaScript在控件上添加倒计时功能的实现代码

    JavaScript在控件上添加倒计时功能的实现代码

    JavaScript在控件上添加倒计时功能,主要原理是利用控件的setEnable(true)/setEnable(false)来进行设置控件的可用与不可用状态,实现过程非常简单,需要的的朋友参考下吧
    2017-07-07
  • OpenLayers3实现对地图的基本操作

    OpenLayers3实现对地图的基本操作

    这篇文章主要为大家详细介绍了OpenLayers3实现对地图的基本操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • BootStrap模态框不垂直居中的解决方法

    BootStrap模态框不垂直居中的解决方法

    这篇文章主要为大家详细介绍了BootStrap模态框不垂直居中的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • 用js小类库获取浏览器的高度和宽度信息

    用js小类库获取浏览器的高度和宽度信息

    在做项目时碰到了要在页面上显示一个浮动DIV层的效果。本来做的是在页面居中时显示的,但后来经过自己的测试发现,当网页中出现了滚动条之后,那个浮动的DIV却还是在页面的顶部显示的
    2012-01-01
  • 微信小程序实现单个或多个倒计时功能

    微信小程序实现单个或多个倒计时功能

    这篇文章主要为大家详细介绍了微信小程序实现单个或多个倒计时功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • uniapp实现附近商家定位的示例代码

    uniapp实现附近商家定位的示例代码

    本文主要介绍了uniapp实现附近商家定位的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • JS中Attr的用法详解

    JS中Attr的用法详解

    本文通过实例代码给大家介绍了js中的attr的用法,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-10-10

最新评论