jQuery ajax - روش serialize()

دستورالعمل jQuery Ajax

مثال

نتایج 序‌سازی مقادیر فرم را نمایش دهید:

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

آزمایش کنید

تعریف و استفاده

مетод serialize() با 序‌سازی مقادیر فرم، یک رشته متن URL encode ایجاد می‌کند.

شما می‌توانید یک یا چند عنصر فرم (مثل input و یا فرم‌های متن) را انتخاب کنید، یا حتی خود عنصر form.

مقدارهای سریال‌سازی‌شده می‌توانند در جستجوهای URL درخواست AJAX استفاده شوند.

نحوه‌ی استفاده

$(انتخاب‌گر).serialize()

توضیحات دقیق‌تر

مетод .serialize() یک رشته‌ی متن به صورت URL استاندارد کدگذاری شده ایجاد می‌کند. عملکرد آن بر روی یک جعبه‌ی jQuery است که مجموعه‌ای از عناصر فرم را نمایندگی می‌کند.

عناصر فرم چندین نوع دارند:

<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());
  false را بازگردانید;
});

خروجی رشته‌ی جستجو استاندارد:

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

توضیحات:فقط کنترل‌های موفقیت‌آمیز را به صورت رشته‌ای تبدیل می‌کند. اگر فرم را بدون استفاده از دکمه‌ی ارسال نرسانید، مقدار دکمه‌ی ارسال را تبدیل به رشته نمی‌کند. اگر بخواهید مقدار یک عنصر فرم به رشته‌ی سریالی اضافه کنید، عنصر باید از ویژگی name استفاده کند.

دستورالعمل jQuery Ajax