AJAX और jQuery

Question

का उपयोग करके फ़ॉर्म सबमिट करें ऐसा लगता है कि यह कोड की कुछ पंक्तियों की आवश्यकता के बिना jQuery में बनाया गया कुछ होना चाहिए, लेकिन मुझे "सरल" समाधान नहीं मिल रहा है।

<form method="get" action="page.html"> 
    <input type="hidden" name="field1" value="value1" /> 
    <input type="hidden" name="field2" value="value2" /> 
    <select name="status"> 
     <option value=""></option> 
     <option value="good">Good</option> 
     <option value="bad">Bad</option> 
    </select> 
</form> 

किसी चुनिंदा क्षेत्र बदलता है, मैं ajax का उपयोग कर डेटाबेस अद्यतन करने प्रपत्र सबमिट करना चाहते हैं: कहो, मैं एक HTML फ़ॉर्म है। मैंने सोचा था कि किसी तरह से मैन्युअल रूप से मान/गुण बनाए बिना निम्न करने के लिए नहीं होगा, बस उन्हें तरह सभी, भेजें:

$("select").change(function(){ 
    $.get("page.html?" + serializeForm()); 
}); 

मैं क्या याद आ रही है?

Answer 1

यह काम खत्म हो गया है।

$("select").change(function(){ 
    $.get("/page.html?" + $(this).parent("form").find(":input").serialize()); 
}); 

Answer 2

एक अच्छा form plugin है जो आपको एक HTML रूप को असंकालिक रूप से भेजने की अनुमति देता है।

$(document).ready(function() { 
    $('#myForm1').ajaxForm(); 
}); 

या

$("select").change(function(){ 
    $('#myForm1').ajaxSubmit(); 
}); 

प्रपत्र तुरंत

Answer 3

पहले प्रस्तुत करने के लिए अपने प्रपत्र एक id विशेषता देते हैं, तो इस तरह कोड का उपयोग करें:

$(document).ready(function() { 
    var form = $('#my_awesome_form'); 

    form.find('select:first').change(function() { 
    $.ajax({ 
     type: "POST", 
     url: form.attr('action'), 
     data: form.serialize(), 
     success: function(response) { 
     console.log(response); 
     } 
    }); 
    }); 

}); 

तो यह कोड .serialize() का उपयोग करता है फॉर्म से प्रासंगिक डेटा खींचने के लिए। यह भी मानता है कि आप जिस प्रकार की देखभाल करते हैं वह फ़ॉर्म में पहला है।

भविष्य के संदर्भ के लिए, jQuery docs बहुत, बहुत अच्छे हैं।