Js调用Paypal接口支付

1.Paypal前端Html代码

注意：client 需要填写自己的信息，否则无法使用

<!DOCTYPE html>
<head><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1"><script src="https://www.paypalobjects.com/api/checkout.js"></script>
</head>
<body>
<div id="paypal-button" style="margin-top:100px;"></div>
<script>paypal.Button.render({locale: 'zh_CN', env: 'sandbox', commit: true,   client: {sandbox:    'YOUR CLIENT',production: 'YOUR CLIENT'},style: {size: 'small',color: 'silver',shape: 'pill',label: 'checkout',tagline: false},payment: function(data, actions) {return actions.payment.create({payment: {transactions: [{amount: { total: '填写支付金额', currency: 'USD' }}]}});},onAuthorize: function(data, actions) {console.log(data);return actions.payment.execute().then(function(payment) {$.ajax({type: 'POST',url: '/',data: {}}).done(function (data) {if (data == '0') {alert('支付完成!');window.location.reload();}else {alert('支付失败')}})});},onCancel: function(data, actions) {// 买家取消了支付触发// TODO},onError: function(err) {// 当交易发生错误时触发// TODO}}, '#paypal-button');
</script>
</body>

2.配置支付按钮

<div id="paypal-button"></div> //paypal.Button.render绑定对应的id

3.Render参数

3.1 Env:运行环境

类型	说明
sandbox	沙盒，用于测试，用添加的sandbox账号测试能否交易成功
production	生产环境，部署上线时使用的环境

3.2 Locale:语言版本

类型	说明
zh_CN	中文
en_US	美式英文

3.3 Client:收款方id

1. 登陆

2.点击 Applications

3.选择 REST API apps

4.点击 create App

创建成功后即可获取Sandbox以及Live的Client ID

4.样式

自定义支付按钮的样式，参考：Customize Checkout Button

5.触发函数

函数	说明
payment	点击支付时触发，total填入需要支付的金额，currency填入支付的货币类型
onAuthorize	支付成功时触发，当支付成功时可以用Ajax提交数据修改订单支付状态为已支付。
onCancel	当用户关闭支付页面时触发
onError	当支付出错时触发

6.支付截图

（6.1）支付按钮

（6.2）选择支付方式

（6.3）确认支付信息

还有不清楚的地方请留言哦

Js调用Paypal接口支付相关推荐

js 调用webservice接口
1:建立的webservice工程正确运行. a: 定义接口类 public interface IMyWebService { public String example(String messag ...
js调用HTTP接口
前面已经开发好了web服务,用golang写了两个接口,一个post接收传上来的数据,get获取数据,今天尝试用js调用接口,将获取到的数据显示在web上 <!DOCTYPE html> ...
JS调用免费接口根据ip查询位置
免费接口如下: 新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js 新浪多地域测试方法:http://in ...
js调用python接口_JavaScript如何调用Python后端服务
欢迎关注[无量测试之道]公众号,回复[领取资源], Python编程学习资源干货. Python+Appium框架APP的UI自动化. Python+Selenium框架Web的UI自动化. Pyth ...
【js调用后端接口】
接口的基本使用接口的基本使用代码(html,css,js) 显示效果总结接口的基本使用代码(html,css,js) <!DOCTYPE html> <html lang= ...
JS调用PageOffice接口，删除Word表格中光标所在行
在项目开发过程中,可能会遇到需要对Word文件中的表格进行操作的问题, 当想要删除某一行时,一般的做法都是先用选中某一行,再点击右键删除行,这样的操作不仅会降低操作效率而且容易误操作,下面我就来介绍一 ...
js调用websocket接口示例代码
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script ...
js调用打印接口打印web页面之——使用lodop组件打印jsp web页面
最近项目需求需要使用web页面的打印功能,最开始使用window.print()直接打印能出效果,但是无法实现预览功能,并且不同的浏览器执行的效果都不一样.后面百度找到webEx--那个组件,结果在h ...
Paypal 在线支付接口
http://www.paypal-china.org/wangzhai/188.html 关于paypal在线支付的信息可以直接访问http://www.paypal.com.paypal作为国际在 ...
php集成paypal接口,PHP中集成PayPal标准支付，php集成paypal标准_PHP教程
PHP中集成PayPal标准支付,php集成paypal标准 PayPal支付功能其实一直在更新文档和接口,这里说的是一个简单的支付功能大概流程如下 1,在网站的结账页面,设置一个提交到PayPal网 ...

Js调用Paypal接口支付

Js调用Paypal接口支付相关推荐

最新文章

热门文章