h5支付操作

index.html

@@ -112,7 +112,8 @@
             background: #D8D8D8;
             border: 0.01rem solid #979797;
         }
-        .pay_name_right img{
+
+        .pay_name_right img {
             width: 100%;
             height: 100%;
             display: block;
@@ -300,7 +301,7 @@
         }
         //判断是不是微信
         if (ua.match(/MicroMessenger/i) == "micromessenger") {
-            trade_type="WX"
+            trade_type = "WX"
             if (userpay.code == "" || userpay.code == null) {
                 window.location.href = wechatHrefurl;
             } else {
@@ -309,7 +310,7 @@
         }
         //判断是不是支付宝
         if (ua.match(/AlipayClient/i) == "alipayclient") {
-            trade_type="ALI"
+            trade_type = "ALI"
             if (userpay.code == null || userpay.code == "") {
                 local = local.replace('#/', '');
                 let aliHrefurl =
@@ -343,9 +344,9 @@
         //获取商户信息
         function getQrcode(event) {
             $.get("https://test.bjtdba.com/api/merchant/get_mer_info", { mer_id: event.data.mer_id }, function (data) {
-                if(data.status==200){
+                if (data.status == 200) {
                     $("#mername").text(data.data.mer_name)//商户头像
-                    $("#merbanner").attr("src",data.data.mer_banner)//商户头像
+                    $("#merbanner").attr("src", data.data.mer_banner)//商户头像
                 }
             })
         }
@@ -354,7 +355,6 @@
             $.get("https://test.bjtdba.com/api/wechat/wechatAuthorization", { code: userpay.code }, function (data) {
                 if (data.status == 200) {
                     Wxuserinfor = data.data
-                    console.log(Wxuserinfor, "接口")
                 }
             })
         }
@@ -368,19 +368,43 @@
         function btn() {
             console.log(Wxuserinfor, '微信用户信息')
             let data = {
-					mer_id: mer_id,
-					money: money,
-					trade_type: trade_type,
-				}
-                if (trade_type == 'WX') {
-					data.avatar = Wxuserinfor.headimgurl;
-					data.nickname = Wxuserinfor.nickname;
-					data.pay_user_id = Wxuserinfor.unionid;
-				} else if (trade_type == 'ALI') {
-					
-				}
-                $.post("https://test.bjtdba.com/api/merchant/createOrder", { mer_id:data.mer_id,trade_type:data.trade_type,avatar:data.avatar,nickname:data.nickname,pay_user_id:data.pay_user_id }, function (data) {
+                mer_id: mer_id,
+                money: money,
+                trade_type: trade_type,
+            }
+            if (trade_type == 'WX') {
+                data.avatar = Wxuserinfor.headimgurl;
+                data.nickname = Wxuserinfor.nickname;
+                data.pay_user_id = Wxuserinfor.unionid;
+            } else if (trade_type == 'ALI') {
+
+            }
+            $.post("https://test.bjtdba.com/api/merchant/createOrder", { mer_id: data.mer_id, trade_type: data.trade_type, avatar: data.avatar, nickname: data.nickname, pay_user_id: data.pay_user_id }, function (data) {
                 console.log(data, '订单创建')
+                if (data.status == 200) {
+                    jsapiPay(data.data)//订单数据
+                } else {
+                    alert(data.message)
+                    //400收款清空body
+                    $("body").html("")
+                }
+            })
+        }
+        // 创建订单成功后调用接口区分微信支付还是支付宝，分别调用支付
+        function jsapiPay(event) {
+            $.post("https://test.bjtdba.com/api/merchant/jsapiPay", { out_trade_no: event.out_trade_no, type: 'HF' }, function (data) {
+                console.log(data, '订单创建完区分WZ')
+                if (data.status == 200) {
+                    if (trade_type == 'WX') {
+                        console.log("WX")
+                    } else if (trade_type == 'ALI') {
+                        console.log("ALI")
+                    }
+                } else {
+                    alert(data.message)
+                    //400收款清空body
+                    $("body").html("")
+                }
             })
         }
         //hash参数转对象