jQuery--11.表单序列化

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_26553781/article/details/79913046

1       表单序列化

1.1  普通方式serialize

1.serialize()方法

　　格式：vardata = $("form").serialize();

　　功能：将表单内容序列化成一个字符串。

　　这样在ajax提交表单数据时，就不用一一列举出每一个参数。只需将data参数设置为$("form").serialize() 即可。

 

$.ajax({
   type: "POST",
   dataType: "JSON",
   url: url,
   data: $('#form2_a').serialize(),
   success: function (data) {
      swal("更新成功！", "请继续操作！", "success");
   },
   error: function(data) {
      alert("error:"+data.responseText);
   }
});

1.2  json方式serializeArray

2.serializeArray()方法

　　格式：varjsonData = $("form").serializeArray();

　　功能：将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。

　　比如，[{"name":"lihui","age":"20"},{...}] 获取数据为 jsonData[0].name

function serializeObject(){
   //easyui提交表单 
   $('#form').form('submit'); 
　　　//输出以数组形式序列化表单值
    var data = $('#form').serializeArray();
    var obj = {};
    $.each(data,function(i,v){
        obj[v.name] = v.value;
    })       
}

最后再转换成json字符串传递