jQuery ajax - phương thức serialize()

jQuery Ajax tham khảo

Mô hình

Xuất kết quả serial hóa giá trị biểu mẫu:

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

Thử ngay

Định nghĩa và cách sử dụng

Phương thức serialize() tạo ra một chuỗi văn bản mã hóa URL bằng cách序列 hóa giá trị biểu mẫu.

Bạn có thể chọn một hoặc nhiều yếu tố biểu mẫu (ví dụ như input và/hoặc hộp văn bản), hoặc yếu tố form chính nó.

Giá trị serial hóa có thể được sử dụng trong chuỗi truy vấn URL khi tạo yêu cầu AJAX.

cú pháp

$(selector).serialize()

Giải thích chi tiết

.serialize() phương pháp tạo ra chuỗi văn bản được biểu diễn bằng mã URL tiêu chuẩn. Đối tượng hoạt động của nó là đối tượng jQuery đại diện cho tập hợp yếu tố biểu mẫu.

Các yếu tố biểu mẫu có nhiều loại:

<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() phương pháp có thể hoạt động với đối tượng jQuery đại diện cho tập hợp yếu tố biểu mẫu đã chọn, chẳng hạn như <input>, <textarea> và <select>. Tuy nhiên, việc serial hóa thẻ <form> chính thường dễ dàng hơn:

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

Xuất ra chuỗi truy vấn tiêu chuẩn:

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

Ghi chú:Chỉ sẽ serial hóa thành chuỗi các thành phần thành công. Nếu không sử dụng nút để gửi biểu mẫu, không serial hóa giá trị của nút gửi. Nếu giá trị của yếu tố biểu mẫu cần được bao gồm trong chuỗi serial, yếu tố phải sử dụng thuộc tính name.

jQuery Ajax tham khảo