एक बटन के साथ दो रूपों को सबमिट करें

Question

मेरे पास HTML दो रूप हैं, जो PHP का उपयोग करके डेटाबेस में प्रवेश पर डेटा सबमिट करता है, दूसरा उपयोगकर्ता को पेपैल भुगतान पृष्ठ पर निर्देशित करता है, मेरी समस्या यह है कि उपयोगकर्ता को दोनों रूपों को जमा करना होगा निश्चित रूप से मैं नहीं चाहता कि उन्हें करना पड़े। क्या दो रूपों के लिए एक सबमिट बटन का उपयोग करने के लिए वैसे भी है? अपने रूपों आईडी है, तो

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

:

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

अपने रूपों नहीं है, तो

Answer 1

आप जावास्क्रिप्ट के साथ ऐसा करने में सक्षम होना चाहिए (जावास्क्रिप्ट का स्वागत है) आईडी लेकिन नाम हैं:

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

Answer 2

आप एक नियमित सबमिट बटन पर है, तो आप इसे करने के लिए एक ऑनक्लिक ईवेंट जोड़ सकता है कि अनुवर्ती करता है:

document.getElementById('otherForm').submit(); 

Answer 3

आप AJAX का उपयोग कर पहली फ़ॉर्म सबमिट कर सकते हैं, अन्यथा एक प्रस्तुत करने दर्ज किए जाने से अन्य पाएगा ।

Answer 4

एक फॉर्म सबमिशन पृष्ठ को action पर नेविगेट करने का कारण बनता है। तो, आप परंपरागत तरीके से दोनों रूपों को जमा नहीं कर सकते हैं। यदि आप उत्तराधिकार में प्रत्येक फॉर्म पर form.submit() पर कॉल करके जावास्क्रिप्ट के साथ ऐसा करने का प्रयास करते हैं, तो अंतिम अनुरोध को छोड़कर प्रत्येक अनुरोध निरस्त कर दिया जाएगा। तो, आप जावास्क्रिप्ट के माध्यम से एसिंक्रोनस पहले फ़ॉर्म जमा करना:

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(); 

Answer 5

क्रोम और IE9 में केवल बाद एक सॉकेट कनेक्ट उत्पन्न होगा (और मैं भी सभी अन्य ब्राउज़र अनुमान लगा रहा हूँ), पहले एक को छोड़ दिया जाएगा । (ब्राउजर इसका पता लगाता है क्योंकि दोनों अनुरोध ऊपर दिए गए आपके कोड में एक जावास्क्रिप्ट "टाइम्सलाइस" के भीतर भेजे जाते हैं, और अंतिम अनुरोध के अलावा सभी को छोड़ देते हैं।)

यदि आपके पास इसके बजाय कुछ ईवेंट कॉलबैक दूसरा सबमिशन है (लेकिन उत्तर से पहले प्राप्त किया जाता है), पहले अनुरोध की सॉकेट रद्द कर दी जाएगी। यह निश्चित रूप से उस मामले में सर्वर के रूप में अनुशंसा करने के लिए कुछ भी नहीं है, जिसने आपके पहले अनुरोध को संभाला होगा, लेकिन आप कभी भी निश्चित रूप से नहीं जान पाएंगे।

मैं आपको एक अनुरोध का उपयोग/उत्पन्न करने की अनुशंसा करता हूं जिसे आप सर्वर-साइड से संसाधित कर सकते हैं।

Answer 6

आपको ऐसा करने की जरूरत है अगर आप एक बटन के साथ दो रूपों प्रस्तुत करना चाहते हैं:

1- उपयोग setTimeout()

2- अनुमति देने के शो पॉप अप

<script> 
function myFunction() { 
setTimeout(function(){ document.getElementById("form1").submit();}, 3000); 
setTimeout(function(){ document.getElementById("form2").submit();}, 6000); 
} 
</script> 
<form target="_blank" id="form1"> 
<input type="text"> 
<input type="submit"> 
</form> 
<form target="_blank" id="form2"> 
<input type="text"> 
<input type="submit"> 
</form> 

जावास्क्रिप्ट एक ही समय में दो रूपों सबमिट नहीं करता है। हम एक ही समय के साथ दो फॉर्म सबमिट करते हैं, साथ ही पर नहीं बल्कि सेकेंड के बाद।

संपादित करें: जब हम इस कोड का उपयोग करते हैं, ब्राउज़र पॉप अप की अनुमति नहीं देता है।
यदि आप मेरे जैसे सॉफ़्टवेयर के लिए इस कोड का उपयोग करते हैं तो बस पॉप अप दिखाने के लिए ब्राउज़र सेट करें, लेकिन यदि आप इसे साइट पर डिज़ाइन करने में उपयोग करते हैं, तो ब्राउज़र एक बाधा है और कोड नहीं चलता है।

Answer 7

वर्तमान में चुना गया सबसे अच्छा जवाब विश्वसनीय होने के लिए बहुत अस्पष्ट है।

यह एक काफी सुरक्षित तरीका की तरह मेरे लिए लगता है यह करने के लिए:

: बदलते पृष्ठ के बिना (जावास्क्रिप्ट jQuery का उपयोग कर इसे सरल लिखने के लिए)

$('#form1').submit(doubleSubmit); 

function doubleSubmit(e1) { 
    e1.preventDefault(); 
    e1.stopPropagation(); 
    var post_form1 = $.post($(this).action, $(this).serialize()); 

    post_form1.done(function(result) { 
      // would be nice to show some feedback about the first result here 
      $('#form2').submit(); 
     }); 
}; 

पोस्ट पहला रूप, के लिए इंतजार पूरा करने की प्रक्रिया। फिर दूसरा फॉर्म पोस्ट करें। दूसरी पोस्ट पृष्ठ को बदल देगी, लेकिन आप दूसरे फॉर्म के लिए कुछ समान कोड भी प्राप्त कर सकते हैं, दूसरी स्थगित ऑब्जेक्ट (post_form2?) प्राप्त करना।

हालांकि मैंने कोड का परीक्षण नहीं किया था।