charge.html
3.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我要充值</title>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<script type="text/javascript" src="__TMPL__/static/js/base.js"></script>
<link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/weui.min.css" />
<link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_6y9erxzbkn2.css" />
<script type="text/javascript" src="__TMPL__/static/assets/font/iconfont.js">
</script>
<link rel="stylesheet" href="__TMPL__/static/css/myWallet.css" />
<script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
</head>
<body>
<div class="out">
<div class="btns">
<div class="pay">
充值套餐
</div>
<div class="activie">
<div class="ordinary">普通充值</div>
<a href="{:url('Center/charge',['is_bonus'=>1])}">
<div class="activity">活动专享</div>
</a>
</div>
<div class="btnlist">
<volist name="data" id="vo" key="k">
<div data-id="{$vo.id}" class="btn <if condition="$k eq '1'">active one</if>">￥{$vo.denomination}</div>
</volist>
</div>
</div>
</div>
<div class="footer ok">
一键充值
</div>
</body>
</html>
<script type="text/javascript" src="__TMPL__/static/assets/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="__TMPL__/static/assets/js/swiper-3.4.2.min.js"></script>
<script type="text/javascript" src="__TMPL__/static/assets/js/weui.js"></script>
<script>
$('.btn').click(function(){
$(this).attr('class','btn active one');
$(this).siblings().attr('class','btn');
})
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: '{$js_sdk.appId}', // 必填，公众号的唯一标识
timestamp: '{$js_sdk.timestamp}', // 必填，生成签名的时间戳
nonceStr: '{$js_sdk.nonceStr}', // 必填，生成签名的随机串
signature: '{$js_sdk.signature}',// 必填，签名
jsApiList: [
'chooseWXPay'
] // 必填，需要使用的JS接口列表
});
$(".ok").click(function () {
var id = $(".active").attr('data-id')
$.ajax({
url:"{:url('charge/Charge/charge')}",
data:{
id:id
},
type:"POST",
dataType:"JSON",
success: function (data) {
wx.chooseWXPay({
timestamp: data.data.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
nonceStr: data.data.nonceStr, // 支付签名随机串，不长于 32 位
package: data.data.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
signType: data.data.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
paySign: data.data.paySign, // 支付签名
success: function (res) {
alert('充值成功');
}
});
}
})
})
</script>