支付宝、微信扫一扫

最新推荐文章于 2025-08-06 16:53:09 发布

weixin_30555753

最新推荐文章于 2025-08-06 16:53:09 发布

阅读量799

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/xhrr/p/11607645.html

本文介绍了一种在微信和支付宝环境下实现二维码扫描的方法。通过判断浏览器环境，使用微信JS-SDK和支付宝AP开放平台提供的API，实现了网页中直接调用二维码扫描功能，并对扫描结果进行处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function sys(){
    // alert('扫一扫')
    //判断浏览器环境
    var userAgent = navigator.userAgent;
    if (userAgent.indexOf("MicroMessenger") > -1){
        
        // 获取配置信息
        // alert('appid'+wxappid)
        $.ajax({
            url: `/api/wechat/config/${wxappid}`,
            type: 'get',
            data: {url: encodeURIComponent(location.href.split('#')[0])},
            dataType: 'json',
            async: false,
            success: function(res){
                // alert('001')
                // alert(wx)
                wx.config({
                    debug: false,
                    appId: res.appId,
                    timestamp: res.timestamp,
                    nonceStr: res.nonceStr,
                    signature: res.signature,
                    jsApiList: ["scanQRCode"]
                });
                wx.ready(function () {
                    // alert('5')
                    wx.scanQRCode({
                        needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                        success: function (res) {
                            // alert('11111')
                            // alert(JSON.stringify(res))
                            // 扫码成功，跳转到二维码指定页面（res.resultStr为扫码返回的结果）
                            location.href = res.resultStr;
                        },
                        fail: function (res) {
                            // alert('44')
                            // 调用失败
                            if (res.errMsg.indexOf('function_not_exist') > 0 ) {
                                alert('当前版本过低，请进行升级');
                            }
                        },
                        cancel: function(res){
                            // 用户取消操作
                            alert('取消操作')
                        }
                    });
                });
            },
            error: function(res){
                // alert('222')
                // alert(JSON.stringify(res))
            }
        })



    } else if(userAgent.indexOf("AlipayClient") > -1){
        // alert('ZHIF')           
        ap.scan(function(res){
            // alert(JSON.stringify(res))
            // ap.alert(res.code);
            ap.redirectTo({url: res.code});
        });

    } else{
        // alert('a')
    }
}