iframe網址觸發外部格式

Question

我的外部表單中有一個Iframe第三方付款內部表單。 那意味着現在我有兩個拖曳按鈕。 一個用於付款表格，另一個用於提交整個表格。 當內部付款表格成功（iframe重定向到另一個特定頁面）時，如何觸發外部表格發送所有詳細信息。

順便說一句，我沒有訪問內部第三方付款表格html

Answer 1

使用這樣的東西：

<iframe src="inner-form.html" onLoad="checkLocation(this.contentWindow.location);"></iframe>

並且在javascript中：

function checkLocation(url) {
   if (url !="inner-form.html") {
        // Code for when iframe location url has been changed
   }
}

Answer 2

內部表單提交成功后，您可以確定重定向頁面的網址嗎？

如果可以，請嘗試使重定向頁面的url與外部表單的域相同，然后將腳本放在目標頁面中：

<script>
  parent.doSubmit(data); // Customize the method name as you want
</script>

問題是，在哪里可以獲取data對象，這取決於第三方支付系統如何為您提供支付結果，主要是在您的url查詢字符串中，因此您可能會獲得以下data ：

var data = /payment_result=([^&]+)/.exec(document.location.search)[1];

請注意，上面的代碼只是一個簡單的示例，所有事情都取決於第三者付款系統。

在外部表單的頁面中，應該在表單中放置一個<input type="hidden">元素，因此表單可能看起來像：

<form action="..." method="POST">
  <input type="hidden" id="paymentResult" name="paymentResult" />
  ...Other fields
</form>

然后，在您的外部表單頁面中，您應該具有doSubmit方法：

function doSubmit(data) {
  document.getElementById('paymentResult').value = data; // Here you should translate the data to a string in order to post it via HTTP
  document.getElementById('myForm').submit();
}

這是一個粗略的工具，您必須修改這些代碼以匹配內部-外部形式和內部形式-第三方系統