vue页面中接收到后台传递过来的一个from表单的字符串转化为页面

支付宝H5支付,基本流程就是在前台使用服务器提供的接口创建订单,服务器根据支付宝提供的SDK,进行签名等一系列操作,具体可以参见支付宝的官方文档https://docs.open.alipay.com/203,当服务器完成这些操作后会会返回一个form表单,前台拿到后家在这个form表单就可以了。

让我最困扰最耽误时间的就是在使用返回的form数据
基本形式:

....

在vue中使用form的方式:

this.http.post(‘地址’).then(response => {

  if (response === '200') {
    console.log('输出正确', response);
    this.datadorm = response.result.wappay;

    const div = document.createElement('div');
    div.innerHTML = this.datadorm;
    document.body.appendChild(div);
    document.forms.alipaysubmit.submit();
  } else {
    console.log('传输错误');
  }
});

netTool.createdOrder(params)是用来发送网络请求

在response中接收返回的form表单数据,
也就是this.datadorm = response.result.wappay进行接收;

将返回的表单挂到html上;

最后就是调用执行了,我是在created周期中调用的;

对于支付结果后台需要与支付宝发起异步通知,并且验签,我们还要在后台添加一个同步通知(return_url)就是在前台支付完成的跳转结果通知页面。
转载自http://www.cnblogs.com/xiaoer-heidou/p/9466751.html

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值