如何将表单同时提交到页面和iframe？

Question

我有一个简单的HTML表单，如下所示：

<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> 

当我点击submit按钮时，它会触发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，但没有同时提交到这两个页面。有什么办法解决这个问题吗？

Answer 1

我认为这里的问题是，当你提交给'_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