天天看点

vue 接入paydollar支付功能

tips:需要先在官网申请开发者

(一)、前端使用方法

<form name="payForm" method="post" ref="form" action="https://test.paydollar.com/b2cDemo/eng/payment/payForm.jsp"
>
	<!-- 商户ID -->
	<input type="hidden" name="merchantId" value="你申请的商户ID" />
	<!-- 支付金额 -->
	<!-- <input type="hidden" name="amount" :value="500" /> -->
	<input type="hidden" name="amount" ref="money" />
	<!-- 商户订单编号 -->
	<input type="hidden" name="orderRef" :value="商户订单编号" />
	<!-- 付款货币 -->
	<input type="hidden" name="currCode" value="344" />
	<!-- 付款类型:“N”-正常付款(销售) “H”-保留付款(仅授权) -->
	<input type="hidden" name="payType" value="N" />
	<!-- 语言 -->
    <input
    type="hidden"
    name="lang"
    :value="language == 'zh_HK' ? 'C' : 'E'"
    />
    <!-- successUrl : 支付成功的回调地址 -->
    <input type="hidden" name="successUrl" ref="successUrl" />
    <!-- failUrl : 支付失败的回调地址 -->
    <input type="hidden" name="failUrl" ref="errorUrl" />
    <!-- errorUrl : 支付错误的回调地址 -->
    <input type="hidden" name="errorUrl" ref="errorUrl" />
    <!-- cancelUrl : 取消支付的回调地址 -->
    <input type="hidden" name="cancelUrl" ref="errorUrl" />
    <input type="hidden" name="secureHash" ref="secureHash" />
</form>
           

如果要点击支付按钮再触发表单,就在点击方法那里写这个

// 提交表单去支付
   this.$refs.form.submit();
           

(二)、后端的使用方法可以查看官方文档

链接: https://pan.baidu.com/s/1G1rKvasG5qiTgdghvHj4CA 提取码: pic3 复制这段内容后打开百度网盘手机App,操作更方便哦
vue 接入paydollar支付功能

欢迎大家一起讨论交流~

扫码加q群

vue 接入paydollar支付功能

继续阅读