编辑这个页面须要登录或更高权限!

jQuery serialize() 方法

jQuery Ajax方法

serialize()方法通过序列化表单值创建 URL 编码文本字符串。

我们可以选择一个或多个表单元素(例如输入和/或文本区域),也可以选择表单元素本身。

发出AJAX请求时,可以在URL查询字符串中使用序列化的值。

语法:

$(selector).serialize()

实例

输出序列化表格值的结果:

$("button").click(function(){
  $("p").text($("form").serialize());
});
测试看看‹/›

将表单序列化为查询字符串:

$(document).ready(function(){
  function showValues() {
        let str = $("form").serialize();
        $("p").text(str);
  }

  $("input[type='checkbox'], input[type='radio']").on("click", showValues);
  $("select" ).on("change", showValues);
});
测试看看‹/›

jQuery Ajax方法