jQuery ajax - serialize() మాదిరిగా

jQuery Ajax పరిశీలన హాండబుక్

ఉదాహరణ

సీరియలైజ్ చేసిన ఫారమ్ విలువల ఫలితాన్ని ప్రస్తుతించండి:

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

మీరే ప్రయత్నించండి

నిర్వచనం మరియు వినియోగం

serialize() మాదిరిగా ఫారమ్ విలువలను సీరియలైజ్ చేయడం ద్వారా యూఆర్ఎల్ కోడ్ టెక్స్ట్ స్ట్రింగ్ సృష్టిస్తుంది.

మీరు ఒకటి లేదా అనేక ఫారమ్ ఎలమెంట్స్ (ఉదా. input మరియు/లేదా టెక్స్ట్ బక్స్) లేదా ఫారమ్ ఎలమెంట్ స్వయంగా ఎంచుకొనవచ్చు.

సీరీలైజ్ చేసిన విలువలను AJAX అభ్యర్ధనలో వినియోగించవచ్చు.

సంకేతాలు

$(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() మాదిరి పద్ధతి పెరిగిన జిన్నర్ పద్ధతి అనేది పరిగణనలోకి తీసుకోవడం సులభంగా ఉంటుంది: ముఖ్యంగా ఫారమ్ టాగ్‌ను పెరిగిన జిన్నర్ పద్ధతి ద్వారా సీరీలైజ్ చేయడం సులభంగా ఉంటుంది:

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

ప్రమాణబద్ధ క్విరీ స్ట్రింగ్‌ను అవుతుంది:

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

పరిశీలనానికి:మాత్రమే విజయవంతమైన కంట్రోల్‌ను స్ట్రింగ్‌గా సీరీలైజ్ చేస్తుంది. ఫారమ్‌ను బటన్ ద్వారా సమర్పించకపోతే, సమర్పించే బటన్ విలువను సీరీలైజ్ చేయబడదు. ఫారమ్ అంశం విలువను సీరీలైజ్ స్ట్రింగ్‌లో చేర్చడానికి, అంశం ఉపయోగించవలసిన ఉపాధి అంతర్భాగం ఉండాలి.

jQuery Ajax పరిశీలన హాండబుక్