Jquery序列化表单serialize() serializeArray()

1.serialize()方法

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

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

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

类似:name=XXXXXXX&age=24的字符串

2.serializeArray()方法

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

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

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

3.Json字符串  &  Json对象的转换

①Tip:当jquery进行异步请求的时候,如果没有声明类型为json,则返回的数据(格式:{result:1,msg:"success"})可能是字符串或是html,所以这时要将数据对象化处理。  var dataobj =  eval("("+data+")");  转化为json对象

②:jsonStr-->jsonObj:var jsonobj = $.parseJSON(jsonstr);    // jquery

                               var jsonobj = JSON.parse(jsonstr);    // js

                              console.log(jsonobj);    //可以打印出对象键值对

for(var i = 0; i < jsonobj.length; i++){   //  可以循环读取或赋值json对象

    console.log(  jsonobj[ i ].name );

}

③:jsonObj->jsonStr:var  jsonstr = Json.stringify(jsonobj);     //js

你可能感兴趣的:(Jquery序列化表单serialize() serializeArray())