2023年6月21日发(作者：)

jQuery序列化表单的⽅法总结（serialize（）、serializeArray（））我的个⼈博客开通了，地址： 欢迎访问##jQuery序列化表单的⽅法总结现在这⾥贴出案例中静态的html⽹页内容： Title

⽤户名：

密   码：

爱   好：吃饭 睡觉
性   别：男 ⼥
学   校：

  

  

###知识点⼀：serialize()⽅法介绍： 作⽤：序列表单内容为字符串。 参数： ⽆ 返回值：表单内容的字符串格式案例代码：总结：1.我们看到输出的结果为表单项中的各表单元素的name和value值2.格式是以url参数的形式，第⼀个参数前⾯没有&符号###知识点⼆：serializeArray()⽅法⽅法介绍：1.作⽤：序列化表格元素 (类似 '.serialize()' ⽅法) 返回 JSON 数据结构数据。2.参数：⽆3.返回值：返回的是JSON对象⽽⾮JSON字符串4.返回格式为： [

{name: 'firstname', value: 'Hello'},

{name: 'lastname', value: 'World'}, {name: 'alias'}, // this one was empty ]案例： $(function () { $("#serializeUrl").click({"name":"zxy"},function () { testJquerySerializeUrl(); // alert(); }); $("#serializeJson").click({},function () { testJquerySerializeJson(); }); });

function testJquerySerializeJson() { var serializeJson = $("#test_form").serializeArray(); alert("序列化为json格式为："+ify(serializeJson)); //ify(json对象) 将json对象转化为json字符串

}结果为：总结：1.我们看到调⽤⽅法返回的是json对象2.可是⽤ify()⽅法将json对象转化为json字符串

2023年6月21日发(作者：)

jQuery序列化表单的⽅法总结（serialize（）、serializeArray（））我的个⼈博客开通了，地址： 欢迎访问##jQuery序列化表单的⽅法总结现在这⾥贴出案例中静态的html⽹页内容： Title

⽤户名：

密   码：

爱   好：吃饭 睡觉
性   别：男 ⼥
学   校：

  

  

###知识点⼀：serialize()⽅法介绍： 作⽤：序列表单内容为字符串。 参数： ⽆ 返回值：表单内容的字符串格式案例代码：总结：1.我们看到输出的结果为表单项中的各表单元素的name和value值2.格式是以url参数的形式，第⼀个参数前⾯没有&符号###知识点⼆：serializeArray()⽅法⽅法介绍：1.作⽤：序列化表格元素 (类似 '.serialize()' ⽅法) 返回 JSON 数据结构数据。2.参数：⽆3.返回值：返回的是JSON对象⽽⾮JSON字符串4.返回格式为： [

{name: 'firstname', value: 'Hello'},

{name: 'lastname', value: 'World'}, {name: 'alias'}, // this one was empty ]案例： $(function () { $("#serializeUrl").click({"name":"zxy"},function () { testJquerySerializeUrl(); // alert(); }); $("#serializeJson").click({},function () { testJquerySerializeJson(); }); });

function testJquerySerializeJson() { var serializeJson = $("#test_form").serializeArray(); alert("序列化为json格式为："+ify(serializeJson)); //ify(json对象) 将json对象转化为json字符串

}结果为：总结：1.我们看到调⽤⽅法返回的是json对象2.可是⽤ify()⽅法将json对象转化为json字符串