首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

JavaScript 多 Form 表單提交:target=_blank 或 AJAX 異步解決

     編輯:程式設計綜合問答

問題

兩個 <form> 連續 submit(),只有第二個生效,因瀏覽器同一窗口只能處理一個導航請求。

代碼截圖

方案一:新窗口提交

<form action="url1" target="_blank">...</form>
<form action="url2" target="_blank">...</form>

方案二:AJAX 異步提交(推薦)

$('#form1, #form2').each(function() {
    $.post(this.action, $(this).serialize(), function(res) {
        console.log('提交成功', res);
    });
});

優勢

  • 不阻塞頁面,用戶體驗好;
  • 可並發、可處理響應、可顯示進度;
  • 避免瀏覽器導航衝突。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved