Bagaimana untuk melaksanakan pembayaran lompat sebagai tindak balas

Cara melaksanakan pembayaran lompat dalam tindak balas: 1. Laksanakan "const div = document.createElement('div')div.innerHTML = res document.body.appendChild(div);document.forms[0]. submit();" pernyataan untuk melaksanakan lompatan; 2. Gunakan "qrcode.react" untuk menjana kod QR, dan kemudian lompat ke halaman.

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Bagaimana untuk melaksanakan pembayaran lompat sebagai tindak balas?

html pemulangan latar belakang reaksi, lompat halaman muka hadapan pembayaran UnionPay dan pautan pemulangan

Saya menghadapi masalah sedemikian semasa melakukan UnionPay dalam beberapa hari yang lalu , yang memerlukan Lompat ke halaman pembayaran UnionPay di hujung hadapan

Pelaksanaan kod untuk halaman lompat ⬇️

              const div = document.createElement('div')
              div.innerHTML = res //后台返回接收到的html数据
              document.body.appendChild(div);
              document.forms[0].submit();

Anda boleh melaksanakan empat langkah di atas dengan melaksanakan di atas

Jika pautan dikembalikan Boleh dilaksanakan terus ⬇️

window.location.href = res//链接地址

Jika borang yang dikembalikan ialah kod QR, anda boleh melompat ke halaman

history.push({pathname: "/Movie/Pay"})

menggunakan reaksi qrcode.react untuk menjana kod QR

Pemasangan

npm install qrcode.react --save
import QRCode from 'qrcode.react'
//code_url这个是后端返回的链接
//返回格式 code_url:"weixin://wxpay/bizpayurl?pr=5dDc2T1zz"
<div style={{marginTop: 10}}>
    <QRCode 
value={code_url}
size={180}
fgColor="#000000"/>
</div>

Dua cara untuk melompat ke halaman bertindak balas

format 1.params, selepas laluan melompat, parameter akan dipaparkan dalam bar alamat

Cara melompat adalah dengan menggunakan: history.push({pathname: '/personal', search: 'test=22222'})

2. Menggunakan borang keadaan, data tidak akan hilang apabila halaman dimuat semula , dan data tidak akan kelihatan dalam bar alamat

Cara untuk melompat ialah Gunakan history.push({pathname: '/personal', state: {test: 'dashboard'}})

Pembelajaran yang disyorkan: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan pembayaran lompat sebagai tindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!