微信支付jssdkDemo_微信jssdk支付实例-优快云博客

博客主要围绕微信支付JSSDK展开，可能包含该JSSDK的使用示例等内容，助力开发者了解如何运用其实现微信支付功能，属于信息技术中移动支付开发相关范畴。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=8">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <title>Title</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
</head>
<body>
<div id="content">############</div>
<input type="button" onclick="callpay()" value="支付" id="pay" style="display:none;"/>
<script>
    var _orderInfo = null;
    var _payJson = null;
    /**
     * 统一下单
     * @constructor
     */
    function unifiedorder() {
        $.ajax({
            type: "post",
            url: url,
            data: {
                member_id:3,//会员编号
                openid: openId,//微信openid
                scene_id: 1000,//微商城预付款场景编号
                scene_info: '微商城汽车预付',//场景名称
                order_sn: 单号,//业务单号
                account:1,//钱（单位：分）
            },
            dataType: "json",
            async: false,
            success: function (response) {
                console.log(response.data);
                if (response.code == 200) {
                    var data = response.data;
                    _payJson = data;
                    //确认获取结果后，才可触发支付
                    $("#pay").css("display", "block");
                }
                else {
                    alert("统一下单:" + response.msg);
                }
            }
        });
    }
    function callpay() {
        if (typeof WeixinJSBridge == "undefined") {
            if (document.addEventListener) {
                document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
            } else if (document.attachEvent) {
                document.attachEvent('WeixinJSBridgeReady', jsApiCall);
                document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
            }
        } else {
            jsApiCall();
        }
    }
    function jsApiCall() {
        $("#content").html("##：" + _payJson);
        console.log(_payJson.appId);
        console.log(_payJson.nonceStr);
        console.log(_payJson.timeStamp);
        console.log(_payJson.package);
        console.log(_payJson.signType);
        console.log(_payJson.paySign);
        WeixinJSBridge.invoke(
            'getBrandWCPayRequest', {
                'appId': _payJson.appId,
                'nonceStr': _payJson.nonceStr,
                'package': _payJson.package,
                'signType': _payJson.signType,
                'timeStamp': _payJson.timeStamp,
                'paySign': _payJson.paySign,
            },
            function (res) {
                WeixinJSBridge.log(res.err_msg);
                alert(res.err_code + res.err_desc + res.err_msg);
                if (res.err_msg == "get_brand_wcpay_request:ok") {
                    // 使用以上方式判断前端返回,微信团队郑重提示：
                    // res.err_msg将在用户支付成功后返回
                    // ok，但并不保证它绝对可靠。
                    alert("支付成功");
                }
                else if (res.err_msg == "get_brand_wcpay_request:cancel") {
                    alert("支付取消");
                }
                else {
                    alert("支付失败");
                }
            }
        );
    }
    window.onload = function () {
        //生成订单信息
        unifiedorder();
        //获取支付参数
        // GetPayConfig();
    };
</script>
</body>
</html>