h5支付操作

index.html

@@ -277,7 +277,6 @@
         var trade_type;//微信|支付宝
         //动态获取金额
         function myFunction() {
-            console.log($("#textInput").val());
             money = $("#textInput").val()
         }
         //获取参数
@@ -366,7 +365,8 @@
         }
         //点击支付创建订单
         function btn() {
-            console.log(Wxuserinfor,money, '微信用户信息')
+            //开始loading
+            wx.showLoading()
             let data = {
                 mer_id: mer_id,
                 money: money,
@@ -379,14 +379,13 @@
             } else if (trade_type == 'ALI') {
 
             }
-            $.post("https://test.bjtdba.com/api/merchant/createOrder", {money:money, 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) {
+            $.post("https://test.bjtdba.com/api/merchant/createOrder", { money: money, 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("")
+                    wx.hideLoading()
                 }
             })
         }
@@ -403,28 +402,76 @@
                     }
                 } else {
                     alert(data.message)
-                    //400收款清空body
-                    $("body").html("")
+                    wx.hideLoading()
                 }
             })
         }
         // 微信支付
-        function paymentByWxpay(data){
-                console.log(data)
-				var appid = ''
-				var timestamp = ''
-				var noncestr = ''
-				var paysign = ''
-				var signType = ''
-				var pay_info = JSON.parse(data.expend.pay_info)
-				var package1 = ''
-
-                appid = pay_info.appId
-				timestamp = pay_info.timeStamp
-				noncestr = pay_info.nonceStr
-				paysign = pay_info.paySign
-				signType = pay_info.signType
-				package1 = pay_info.package
+        function paymentByWxpay(data) {
+            console.log(data)
+            var appid = ''
+            var timestamp = ''
+            var noncestr = ''
+            var paysign = ''
+            var signType = ''
+            var pay_info = JSON.parse(data.expend.pay_info)
+            var package1 = ''
+
+            appid = pay_info.appId
+            timestamp = pay_info.timeStamp
+            noncestr = pay_info.nonceStr
+            paysign = pay_info.paySign
+            signType = pay_info.signType
+            package1 = pay_info.package
+            wx.config({
+                debug: false, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来，若要查看传入的参数，可以在 pc 端打开，参数信息会通过 log 打出，仅在 pc 端时才会打印
+                appId: appid, // 必填，公众号的唯一标识
+                timestamp: timestamp, // 必填，生成签名的时间戳
+                nonceStr: noncestr, // 必填，生成签名的随机串
+                signature: paysign,// 必填，签名
+                jsApiList: ['chooseWXPay'], // 必填，需要使用的 JS 接口列表 支付
+                openTagList: ["wx-open-launch-weapp"] // 可选，需要使用的开放标签列表，例如['wx-open-launch-app']
+            });
+
+            wx.ready(function () {
+                wx.checkJsApi({
+						jsApiList: ['chooseWXPay'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
+						success: function(res) {
+							console.log(res,'微信支付返回值');
+						},
+						fail: function(res) {
+							console.log(res,'错误1');
+						}
+					});
+					wx.chooseWXPay({
+						appId: appid,
+						timestamp: timestamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
+						nonceStr: noncestr, // 支付签名随机串，不长于 32 位
+						package: package1, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
+						signType: signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
+						paySign: paysign, // 支付签名
+						success: (res) => {
+							console.log(res,'支付返回的数据')
+							
+							// 支付成功后的回调函数
+							money = '';
+                            wx.hideLoading()
+							alert('支付成功');
+						},
+						cancel: function(res) {
+                            wx.hideLoading()
+							alert('取消支付');
+						},
+						fail: function(res) {
+                            wx.hideLoading()
+							alert('支付失败');
+						}
+					});
+            });
+            wx.error(function (res) {
+                console.log('res', res);
+            });
+
         }
         //hash参数转对象
         function parseParms() {