Skip to content

Commit 553ffc3

Browse files
pangzili1989pangzili1989
committed
文档更新
1 parent f3a965a commit 553ffc3

File tree

2 files changed

+86
-54
lines changed

2 files changed

+86
-54
lines changed

‎README.md‎

Lines changed: 43 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -12,34 +12,50 @@
1212

1313
1.在你的“购买”按钮点击事件中调用 pingpp_one.init 方法，确保以下代码放置在上面代码的后面，示例（以 id="pay" 的元素为例）：
1414

15-
document.getElementById('pay').addEventListener('click',function(){
16-
pingpp_one.init({
17-
app_id:'app_1234567890', //该应用在ping++的应用ID
18-
order_no:'no1234567890', //订单在商户系统中的订单号
19-
amount:10, //订单价格，单位：人民币 分
20-
// 壹收款页面上需要展示的渠道，数组，数组顺序即页面展示出的渠道的顺序
21-
// upmp_wap 渠道在微信内部无法使用，若用户未安装银联手机支付控件，则无法调起支付
22-
channel:['alipay_wap','wx_pub','upacp_wap','yeepay_wap','jdpay_wap','bfb_wap'],
23-
charge_url:'http://127.0.0.1/createCharge', //商户服务端创建订单的url
24-
charge_param:{a:1,b:2}, //(可选，用户自定义参数，若存在自定义参数则壹收款会通过 POST 方法透传给 charge_url)
25-
open_id:'Openid' //(可选，使用微信公众号支付时必须传入)
26-
},function(res){
27-
if(!res.status){
28-
//处理错误
29-
alert(res.msg);
30-
}
31-
else{
32-
//若微信公众号渠道需要使用壹收款的支付成功页面，则在这里进行成功回调，调用 pingpp_one.success 方法，你也可以自己定义回调函数
33-
//其他渠道的处理方法请见第 2 节
34-
pingpp_one.success(function(res){
35-
if(!res.status){
36-
alert(res.msg);
15+
document.addEventListener('pingpp_one_ready',function(){
16+
document.getElementById('pay').addEventListener('click',function(){
17+
pingpp_one.init({
18+
app_id:'app_1234567890', //该应用在 ping++ 的应用 ID
19+
order_no:'no1234567890', //订单在商户系统中的订单号
20+
amount:10, //订单价格，单位：人民币 分
21+
// 壹收款页面上需要展示的渠道，数组，数组顺序即页面展示出的渠道的顺序
22+
// upmp_wap 渠道在微信内部无法使用，若用户未安装银联手机支付控件，则无法调起支付
23+
channel:['alipay_wap','wx_pub','upacp_wap','yeepay_wap','jdpay_wap','bfb_wap'],
24+
charge_url:'http://127.0.0.1/createCharge', //商户服务端创建订单的 url
25+
charge_param:{a:1,b:2}, //(可选，用户自定义参数，若存在自定义参数则壹收款会通过 POST 方法透传给 charge_url)
26+
open_id:'wx1234567890', //(可选，使用微信公众号支付时必须传入)
27+
debug:true //(可选，debug 模式下会将 charge_url 的返回结果透传回来)
28+
},function(res){
29+
//debug 模式下获取 charge_url 的返回结果
30+
if(res.debug&&res.chargeUrlOutput){
31+
console.log(res.chargeUrlOutput);
32+
}
33+
if(!res.status){
34+
//处理错误
35+
alert(res.msg);
36+
}
37+
else{
38+
//debug 模式下调用 charge_url 后会暂停，可以调用 pingpp_one.resume 方法继续执行
39+
if(res.debug&&!res.wxSuccess){
40+
if(confirm('当前为 debug 模式，是否继续支付？')){
41+
pingpp_one.resume();
42+
}
3743
}
38-
},function(){
39-
//这里处理支付成功页面点击“继续购物”按钮触发的方法，例如：若你需要点击“继续购物”按钮跳转到你的购买页，则在该方法内写入 window.location.href = "你的购买页面 url"
40-
window.location.href='http://yourdomain.com/payment_succeeded';//示例
41-
});
42-
}
44+
//若微信公众号渠道需要使用壹收款的支付成功页面，则在这里进行成功回调，
45+
//调用 pingpp_one.success 方法，你也可以自己定义回调函数
46+
//其他渠道的处理方法请见第 2 节
47+
else pingpp_one.success(function(res){
48+
if(!res.status){
49+
alert(res.msg);
50+
}
51+
},function(){
52+
//这里处理支付成功页面点击“继续购物”按钮触发的方法，
53+
//例如：若你需要点击“继续购物”按钮跳转到你的购买页，
54+
//则在该方法内写入 window.location.href = "你的购买页面 url"
55+
window.location.href='http://yourdomain.com/payment_succeeded';//示例
56+
});
57+
}
58+
});
4359
});
4460
});
4561

‎demo/demo.php‎

Lines changed: 43 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -8,34 +8,50 @@
88
</body>
99
<script type="text/javascript" src="https://one.pingxx.com/lib/pingpp_one.js"></script>
1010
<script type="text/javascript">
11-
document.getElementById('pay').addEventListener('click',function(){
12-
pingpp_one.init({
13-
app_id:'app_1234567890', //该应用在ping++的应用ID
14-
order_no:'no1234567890', //订单在商户系统中的订单号
15-
amount:10, //订单价格，单位：人民币 分
16-
// 壹收款页面上需要展示的渠道，数组，数组顺序即页面展示出的渠道的顺序
17-
// upmp_wap 渠道在微信内部无法使用，若用户未安装银联手机支付控件，则无法调起支付
18-
channel:['alipay_wap','wx_pub','upacp_wap','yeepay_wap','jdpay_wap','bfb_wap'],
19-
charge_url:'http://127.0.0.1/createCharge', //商户服务端创建订单的url
20-
charge_param:{a:1,b:2}, //(可选，用户自定义参数，若存在自定义参数则壹收款会通过 POST 方法透传给 charge_url)
21-
open_id:'Openid' //(可选，使用微信公众号支付时必须传入)
22-
},function(res){
23-
if(!res.status){
24-
//处理错误
25-
alert(res.msg);
26-
}
27-
else{
28-
//若微信公众号渠道需要使用壹收款的支付成功页面，则在这里进行成功回调，调用 pingpp_one.success 方法，你也可以自己定义回调函数
29-
//其他渠道的处理方法请见第 2 节
30-
pingpp_one.success(function(res){
31-
if(!res.status){
32-
alert(res.msg);
11+
document.addEventListener('pingpp_one_ready',function(){
12+
document.getElementById('pay').addEventListener('click',function(){
13+
pingpp_one.init({
14+
app_id:'app_1234567890', //该应用在 ping++ 的应用 ID
15+
order_no:'no1234567890', //订单在商户系统中的订单号
16+
amount:10, //订单价格，单位：人民币 分
17+
// 壹收款页面上需要展示的渠道，数组，数组顺序即页面展示出的渠道的顺序
18+
// upmp_wap 渠道在微信内部无法使用，若用户未安装银联手机支付控件，则无法调起支付
19+
channel:['alipay_wap','wx_pub','upacp_wap','yeepay_wap','jdpay_wap','bfb_wap'],
20+
charge_url:'http://127.0.0.1/createCharge', //商户服务端创建订单的 url
21+
charge_param:{a:1,b:2}, //(可选，用户自定义参数，若存在自定义参数则壹收款会通过 POST 方法透传给 charge_url)
22+
open_id:'wx1234567890', //(可选，使用微信公众号支付时必须传入)
23+
debug:true //(可选，debug 模式下会将 charge_url 的返回结果透传回来)
24+
},function(res){
25+
//debug 模式下获取 charge_url 的返回结果
26+
if(res.debug&&res.chargeUrlOutput){
27+
console.log(res.chargeUrlOutput);
28+
}
29+
if(!res.status){
30+
//处理错误
31+
alert(res.msg);
32+
}
33+
else{
34+
//debug 模式下调用 charge_url 后会暂停，可以调用 pingpp_one.resume 方法继续执行
35+
if(res.debug&&!res.wxSuccess){
36+
if(confirm('当前为 debug 模式，是否继续支付？')){
37+
pingpp_one.resume();
38+
}
3339
}
34-
},function(){
35-
//这里处理支付成功页面点击“继续购物”按钮触发的方法，例如：若你需要点击“继续购物”按钮跳转到你的购买页，则在该方法内写入 window.location.href = "你的购买页面 url"
36-
window.location.href='http://yourdomain.com/payment_succeeded';//示例
37-
});
38-
}
40+
//若微信公众号渠道需要使用壹收款的支付成功页面，则在这里进行成功回调，
41+
//调用 pingpp_one.success 方法，你也可以自己定义回调函数
42+
//其他渠道的处理方法请见第 2 节
43+
else pingpp_one.success(function(res){
44+
if(!res.status){
45+
alert(res.msg);
46+
}
47+
},function(){
48+
//这里处理支付成功页面点击“继续购物”按钮触发的方法，
49+
//例如：若你需要点击“继续购物”按钮跳转到你的购买页，
50+
//则在该方法内写入 window.location.href = "你的购买页面 url"
51+
window.location.href='http://yourdomain.com/payment_succeeded';//示例
52+
});
53+
}
54+
});
3955
});
4056
});
4157
</script>

0 commit comments

Comments
 (0)