औपचारिक रूप से फॉर्म बनाएं और सबमिट करें

Question 1

क्या jQuery बनाने और मक्खी पर एक रूप प्रस्तुत करने का एक तरीका है।

नीचे जैसा कुछ।

<html>
    <head>
    <title> Title Text Goes Here </title>
    <script src="http://code.jquery.com/jquery-1.7.js"></script>
    <script>
        $(document).ready(function(){alert('hi')});
        $('<form/>').attr('action','form2.html').submit();
    </script>
    </head>
    <body>

        Content Area

    </body>
    </html>

क्या यह काम करने वाला है या ऐसा करने का कोई अलग तरीका है?

Question 2

आपके कोड में दो चीजें गलत थीं। पहला यह है कि आपने $(document).ready();उस jQuery ऑब्जेक्ट को शामिल नहीं किया है जो इसके साथ तत्व बना रहा है।

दूसरी वह विधि थी जिसका आप उपयोग कर रहे थे। jQuery किसी भी तत्व का चयन करेगा जब चयनकर्ता (या जहां आप आमतौर पर चयनकर्ता को रखेंगे) को उस तत्व से बदल दिया जाएगा जिसे आप बनाना चाहते हैं। फिर आप इसे केवल शरीर में जोड़ते हैं और इसे जमा करते हैं।

$(document).ready(function(){
    $('<form action="form2.html"></form>').appendTo('body').submit();
});

यहां कोड इन एक्शन है। इस उदाहरण में, यह ऑटो सबमिट नहीं करता है, बस यह साबित करने के लिए कि यह फार्म तत्व को जोड़ देगा।

यहां ऑटो सबमिट के साथ कोड दिया गया है। यह ठीक काम करता है। Jsfiddle आपको 404 पेज पर ले जाता है क्योंकि "form2.html" अपने सर्वर पर मौजूद नहीं है, जाहिर है।

Question 3

हाँ यह संभव है। समाधान में से एक नीचे है ( प्रमाण के रूप में jsfiddle )।

HTML:

<a id="fire" href="#" title="submit form">Submit form</a>

(देखें, ऊपर कोई रूप नहीं है)

जावास्क्रिप्ट:

jQuery('#fire').click(function(event){
    event.preventDefault();
    var newForm = jQuery('<form>', {
        'action': 'http://www.google.com/search',
        'target': '_top'
    }).append(jQuery('<input>', {
        'name': 'q',
        'value': 'stack overflow',
        'type': 'hidden'
    }));
    newForm.submit();
});

उपरोक्त उदाहरण आपको दिखाता है कि फॉर्म कैसे बनाएं, इनपुट कैसे जोड़ें और सबमिट कैसे करें। कभी-कभी परिणाम का प्रदर्शन निषिद्ध होता है X-Frame-Options, इसलिए मैंने सेट targetकिया है _top, जो मुख्य विंडो की सामग्री को बदल देता है। वैकल्पिक रूप से यदि आप सेट करते हैं _blank, तो यह नई विंडो / टैब में दिखाई दे सकता है।

Question 4

JQuery के बिना इसका मेरा संस्करण, सरल कार्य मक्खी पर इस्तेमाल किया जा सकता है

समारोह:

function post_to_url(path, params, method) {
    method = method || "post";

    var form = document.createElement("form");
    form.setAttribute("method", method);
    form.setAttribute("action", path);

    for(var key in params) {
        if(params.hasOwnProperty(key)) {
            var hiddenField = document.createElement("input");
            hiddenField.setAttribute("type", "hidden");
            hiddenField.setAttribute("name", key);
            hiddenField.setAttribute("value", params[key]);

            form.appendChild(hiddenField);
         }
    }

    document.body.appendChild(form);
    form.submit();
}

उपयोग:

post_to_url('fullurlpath', {
    field1:'value1',
    field2:'value2'
}, 'post');

Question 5

पुरमौ की तरह, लेकिन सबमिट करते ही फॉर्म को हटा दिया जाएगा।

$(function() {
   $('<form action="form2.html"></form>').appendTo('body').submit().remove();
});

Question 6

जोसेम्रा का उदाहरण मुझे अच्छी तरह से काम करने की जरूरत है। लेकिन मुझे लाइन जोड़ना था

 form.appendTo( document.body )

इसके लिए काम करना है।

var form = $(document.createElement('form'));
$(form).attr("action", "reserves.php");
$(form).attr("method", "POST");

var input = $("<input>")
    .attr("type", "hidden")
    .attr("name", "mydata")
    .val("bla" );


$(form).append($(input));

form.appendTo( document.body )

$(form).submit();

Question 7

हाँ, आप सिर्फ उद्धरण भूल गए ...

$('<form/>').attr('action','form2.html').submit();

Question 8

इस कोड के साथ प्रयास करें -
यह एक पूरी तरह से गतिशील समाधान है:

    var form = $(document.createElement('form'));
    $(form).attr("action", "reserves.php");
    $(form).attr("method", "POST");

    var input = $("<input>").attr("type", "hidden").attr("name", "mydata").val("bla");
    $(form).append($(input));
    $(form).submit();

Question 9

आप $.postया $.getसीधे क्यों नहीं ?

GET अनुरोध:

$.get(url, data, callback);

POST अनुरोध:

$.post(url, data, callback);

फिर आपको एक फॉर्म की आवश्यकता नहीं है, बस डेटा को अपने डेटा ऑब्जेक्ट में भेजें।

$.post("form2.html", {myField: "some value"}, function(){
  alert("done!");
});

Question 10

मान लें कि आप कुछ मापदंडों के साथ एक फॉर्म बनाना चाहते हैं और एक POST कॉल करना चाहते हैं

var param1 = 10;

$('<form action="./your_target.html" method="POST">' +
'<input type="hidden" name="param" value="' + param + '" />' +
'</form>').appendTo('body').submit();

तुम भी एक लाइन पर यह सब कर सकता है अगर तुम चाहो तो :-)

Question 11

Jquery का उपयोग करना

$('<form/>', { action: url, method: 'POST' }).append(
    $('<input>', {type: 'hidden', id: 'id_field_1', name: 'name_field_1', value: val_field_1}),
    $('<input>', {type: 'hidden', id: 'id_field_2', name: 'name_field_2', value: val_field_2}),
).appendTo('body').submit();