jQuery ajax - serialize() तरीका

jQuery Ajax संदर्भ पुस्तिका

उदाहरण

श्रेणीकृत फॉर्म मूल्यों के परिणाम को निकालें:

$("button").click(function(){
  $("div").text($("form").serialize());
});

स्वयं प्रयोग करें

विन्यास और उपयोग

serialize() तरीका फॉर्म मूल्यों को सीक्वेंस करके, URL एनकोडिंग टेक्स्ट स्ट्रिंग का निर्माण करता है।

आप किसी एक या अनेक फॉर्म एलीमेंट (जैसे input और/या टेक्स्ट बॉक्स) को चुन सकते हैं, या फॉर्म एलीमेंट को स्वयं।

सीरीयलाइज किए गए मूल्य एज़केस रिक्वेस्ट के लिए URL क्वेरी स्ट्रिंग में उपयोग किए जा सकते हैं।

व्याकरण

$(selector).serialize()

विस्तृत व्याख्या

.serialize() विधा स्टैंडर्ड URL एनकोडिंग में प्रस्तुत टेक्स्ट स्ट्रिंग का निर्माण करती है। इसका ऑपरेशन ऑब्जैक्ट फॉर्म एलिमेंट सेट की ओर जाता है।

फॉर्म एलिमेंट कई प्रकार हैं:

<form>
  <div><input type="text" name="a" value="1" id="a" /></div>
  <div><input type="text" name="b" value="2" id="b" /></div>
  <div><input type="hidden" name="c" value="3" id="c" /></div>
  <div>
    <textarea name="d" rows="8" cols="40">4</textarea>
  </div>
  <div><select name="e">
    <option value="5" selected="selected">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
  </select></div>
  <div>
    <input type="checkbox" name="f" value="8" id="f" />
  </div>
  <div>
    <input type="submit" name="g" value="Submit" id="g" />
  </div>
</form>

.serialize() विधा चयनित फॉर्म एलिमेंट के लिए jQuery ऑब्जैक्ट को संचालित कर सकती है, जैसे <input>, <textarea> और <select>। हालांकि, <form> टैग को चयन करके सीरीयलाइज करना सस्ता है:

$('form').submit(function() {
  alert($(this).serialize());
  return false;
});

स्टैंडर्ड क्वेरी स्ट्रिंग का आउटपुट:

a=1&b=2&c=3&d=4&e=5

टिप्पणी：केवल 'सफल नियंत्रण' को स्ट्रिंग में सीरीयलाइज करेगा। यदि फॉर्म को सबमिट करने के लिए बटन का उपयोग नहीं किया जाता है, तो सबमिट बटन के मूल्य को सीरीयलाइज नहीं किया जाता। यदि फॉर्म एलिमेंट के मूल्य को सीरीयल स्ट्रिंग में शामिल करना है, तो एलिमेंट को 'name' एट्रिब्यूट का उपयोग करना चाहिए。

jQuery Ajax संदर्भ पुस्तिका