jQuery ajax - method ya serialize()

Kikwao cha cha cha kipandiko cha jQuery Ajax

Mifano

Kuandaa matokeo ya thamani ya formu ya kusababisha:

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

Tafuta tena

Mifano na matumizi

Method ya serialize() inaunda string ya URL ya kichwako kwa kusababisha thamani ya formu.

Unaweza kuwaona moja au vipingi vya muona (kama input na/au kati ya divi ya matukio), au kati ya form yote.

序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。

语法

$(selector).serialize()

详细说明

.serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。

Adhara ya fomu ina aina mbalimbali:

<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() inaoweza kutumia kiobject cha jQuery cha elementi cha fomu cha chaguo cha jingine, kama <input>, <textarea> na <select>. Kama hilo, kusoroka kwa kusoma tafiti cha <form> kinaendelea kama kinaelewa zaidi:

$('form').submit(function() {
  kumtangaza kwa alert($(this).serialize());
  kutumia matokeo false;
});

Kuichangia uharibifu wa msoroko wa uzoae:

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

Mafanikio:Inakuzingatia kusoroka kiambagaji cha kipindi cha kufanikisha. Kama haitumie mibao kuwasilisha fomu, hayafanyi kusoroka thamani ya mibao wa kufanikisha. Kama thamani ya kiandiko cha elementi cha fomu inahusiana na mstari wa kusoroka, elementi lazima iweze kutumia uga name.

Kikwao cha cha cha kipandiko cha jQuery Ajax