ajax-serialize

Posted dandan1122

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax-serialize相关的知识,希望对你有一定的参考价值。

 

1.serialize

  jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化.

  serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)

 

2.serialize()与serializeArray()区别

  serialize()序列化表单元素为字符串,用于 Ajax 请求。

  serializeArray()序列化表单元素为JSON数据。

  var data1 = $("#form1").serializeArray(); //自动将form表单封装成json
  $("#results").append("<br/><b>serializeArray:</b>");
  $.each(data1, function(i, field){
    $("#results").append(field.name+":"+field.value+" ");
  });
 
  var data2 = $("#form1").serialize(); //自动将form表单封装成json
  $("#results").append("<b>serialize():</b>"+data2);


备注:file、image、button、submit、reset都不会被序列化

3.这样,我们就可以把序列化的值传给ajax()作为url的参数,轻松使用ajax()提交form表单了,而不需要一个一个获取表单中的值然后传给ajax()

 

 

以上是关于ajax-serialize的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——CSS选择器

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

片段和活动之间的核心区别是啥?哪些代码可以写成片段?

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段——声明函数