從iFrame中的表單發送到父窗口中的彈出窗口

我花了一些時間嘗試從各種類似的問題獲得此工作，但找不到與我正在尋找的解決方案完全匹配的解決方案。從iFrame中的表單發送到父窗口中的彈出窗口

所以我有一個非常基本的形式與3個單選按鈕嵌入在另一個頁面上的iframe。當我點擊一個單選按鈕，該代碼會自動提交響應

<script type='text/javascript'> 
$(document).ready(function() { 
$('input[name=rating]').change(function(){ 
$('form').submit(); }); 
}); 
</script>

現在，此刻我的形式看起來像這樣

<form method="POST" action="https://formspree.io/myformspreeurl" target="_parent">

所以這個成功提交來自iframe的響應我提交一份行動代碼，但在父頁面上。

我想要發生的事情是，當選中表單上的單選按鈕之一時，它會自動提交，但會彈出一個窗口（以完成驗證碼），以便用戶不必從父頁面。

可能或我在複雜的事情？

感謝您的幫助，

來源

2017-10-04 allymonty

使用

<form action="" method="post" target="_blank">

，這應該打開一個新頁面並將數據提交給它。我看你是使用jQuery，所以你可以改變目標動態基於使用特定的單選按鈕選擇：

$("form").prop("target", targetValue);

來源

2017-10-04 13:57:52

感謝您的回覆。使用_blank的問題是，當我這樣做時，formspree不會看到「POST」命令。從我的研究看來，從iframe提交到「_blank」選項卡實際上並不傳遞選定的信息。「_parent」肯定會傳遞信息，但不幸的是，父頁面重定向來完成formpree captcha，這是我想要避免的。 – allymonty

使用Ajax提交表單動態地，你不會被重裝父頁面，如果我已瞭解真實的。

$.ajax({ 
    type:'POST', 
    url:'https://formspree.io/myformspreeurl', 
    data:$('form').serialize(), 
    success: function (e){ 

    //what you want to do after submiting// 

    } 
});

來源

2017-10-04 13:58:07

從iFrame中的表單發送到父窗口中的彈出窗口

回答

相關問題