首頁猿問提交兩份有一個按鈕的表格

提交兩份有一個按鈕的表格

JavaScript Html/CSS

牛魔王的故事 2019-06-26 13:47:56

提交兩份有一個按鈕的表格我有HTML兩種表單，一種是在使用PHP輸入數(shù)據(jù)庫時提交數(shù)據(jù)，另一種是將用戶引導到PayPal支付頁面，我的問題是用戶必須提交這兩種表單，當然，我不希望它們這樣做。是否對兩個表單使用一個提交按鈕？(歡迎JavaScript)

查看完整描述

3 回答

交互式愛情

TA貢獻1712條經(jīng)驗獲得超3個贊

您應該能夠使用JavaScript完成此任務：

<input type="button" value="Click Me!" onclick="submitForms()" />

如果您的表單具有ID：

submitForms = function(){
    document.getElementById("form1").submit();
    document.getElementById("form2").submit();}

如果表單沒有ID但有名稱：

submitForms = function(){
    document.forms["form1"].submit();
    document.forms["form2"].submit();}

反對回復 2019-06-26

回首憶惘然

TA貢獻1847條經(jīng)驗獲得超11個贊

表單提交導致頁面導航到action表格的。因此，您不能以傳統(tǒng)的方式提交這兩種表單。如果您試圖通過調用JavaScript來做到這一點form.submit()在每個表單上，除了最后一次提交之外，每個請求都將被中止。因此，您需要通過JavaScript異步提交第一個表單：

var f = document.forms.updateDB;var postData = [];for (var i = 0; i < f.elements.length; i++) {
    postData.push(f.elements[i].name + "=" + f.elements[i].value);}var xhr = new XMLHttpRequest();xhr.open("POST", "mypage.php", true);xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");xhr.send(postData.join("&"));document.forms.payPal.submit();

反對回復 2019-06-26

慕尼黑5688855

TA貢獻1848條經(jīng)驗獲得超2個贊

在Chrome和IE9(我猜所有其他瀏覽器也是如此)中，只有后者會生成一個套接字連接，第一個將被丟棄。(瀏覽器檢測到這一點，因為這兩個請求都是在上面代碼中的一個JavaScript“timeslice”內(nèi)發(fā)送的，并且丟棄了除最后一個請求之外的所有請求。)

如果您讓一些事件回調執(zhí)行第二次提交(但在收到答復之前)，則第一個請求的套接字將被取消。這是一定沒有什么值得推薦的，因為在這種情況下，服務器很可能已經(jīng)處理了您的第一個請求，但是您永遠不會確定。

我建議您使用/生成一個可以處理服務器端的請求。

反對回復 2019-06-26

3 回答
0 關注
594 瀏覽

關注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

提交兩份有一個按鈕的表格

提交兩份有一個按鈕的表格

3 回答

相關問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

提交兩份有一個按鈕的表格

提交兩份有一個按鈕的表格

3 回答

相關問題推薦

添加回答