码迷,mamicode.com
首页 > Web开发 > 详细

ajax-serialize

时间:2017-11-23 12:12:38      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:log   封装   orm   reset   序列化   字符   logs   表单元素   图片   

技术分享图片

 

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

标签:log   封装   orm   reset   序列化   字符   logs   表单元素   图片   

原文地址:http://www.cnblogs.com/yrrong/p/7883875.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!