So implementieren Sie Jump Payment in React

So implementieren Sie Jump Payment in React: 1. Führen Sie „const div = document.createElement('div')div.innerHTML = res document.body.appendChild(div);document.forms[0].submit(); aus. "-Anweisung, um den Sprung zu realisieren; 2. Verwenden Sie „qrcode.react“, um den QR-Code zu generieren, und springen Sie dann zur Seite.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Wie implementiert man Jump Payment in React?

React-Backend gibt HTML zurück, Sprünge auf der Front-End-Seite von UnionPay und Rückgabelinks

Ich bin in den letzten Tagen bei der Ausführung von UnionPay auf ein solches Problem gestoßen. Das Backend hat einen vollständigen HTML-Code zurückgegeben, und ich musste zur UnionPay-Zahlung springen Seite im Frontend

Codeausführung der Sprungseite⬇️

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

Dies kann durch Ausführen der oben genannten vier Schritte erreicht werden

Wenn ein Link zurückgegeben wird, kann er direkt ausgeführt werden⬇️

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

Wenn ein QR-Code zurückgegeben wird, wird der Die Seite kann übersprungen werden.

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

Wird in der Adressleiste angezeigt

Die Sprungmethode besteht darin, Folgendes zu verwenden: history.push({pathname: '/personal', search: 'test=22222'})Verwenden Sie das Statusformular , gehen die Daten nicht verloren, wenn die Seite aktualisiert wird, und die Adressleiste ist nicht sichtbar. Die Möglichkeit, zu den Daten zu springen

, ist die Verwendung von history.push({pathname: '/personal', state:. {test: 'dashboard'}})

Empfohlenes Lernen: „

React-Video-Tutorial

》

Das obige ist der detaillierte Inhalt vonSo implementieren Sie Jump Payment in React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!