如何同時向頁面和iframe提交表單？

我有一個簡單的HTML表單是這樣的：如何同時向頁面和iframe提交表單？

<form id="simple-form" method="get" action=""> 
    <input name="year" type="number" value=""> 
    <input name="month" type="number" value=""> 
    <input name="day" type="number" value=""> 
    <button type="submit" id="potvrdi" onclick="return submitForms()">Submit</button> 
</form>

當我點擊提交按鈕，它觸發JS功能。我試圖讓JS功能提交表單到多個目標（索引頁面和iframe），但它不工作。這裏是我的Javascript：

function submitForms() { 

    var formular = document.getElementById('simple-form'); 

    formular.action='index.php'; 
    formular.target='_self'; 
    formular.submit(); 

    formular.action='my-map.php'; 
    formular.target='map-frame'; 
    formular.submit(); 

    return true; 
}

我成功只提交到一個頁面或一個iframe，但不是兩個。任何想法如何解決這一問題？

來源

2015-01-06 Damjan Pavlica

如果您使用'target ='_ self''提交，是否不會導致導航並移除iframe呢？ – guest

表單刷新了頁面。所以當它被執行時，它會做一個，但不是兩個。 – Mouser

但是如何預防呢？我已經嘗試使用返回函數onclick ... –

我覺得這裏的問題是，當你提交給'_self'這個頁面時，這個頁面會立即刷新，這不會給iframe一個處理表單數據的機會。因此，您只能提交到刷新頁面的iframe或'_self'。

一種方法是使用AJAX處理'_self'請求，停止刷新頁面。

編輯：

如果你只使用純JS（相對於使用jQuery），然後檢查了這一點：http://code.tutsplus.com/articles/how-to-make-ajax-requests-with-raw-javascript--net-4855

的jQuery，作爲@mheiber提到，檢查了這一點：http://api.jquery.com/jquery.post

來源

2015-01-06 23:05:32 PavKR

http://api.jquery.com/jquery.post/ –

如何同時向頁面和iframe提交表單？

回答

相關問題