form 转json,将form表单中的数据序列化数组后转换为Json
页面中引用了jquery,第一想到的就是序列化,但是序列化后的表单字段为a=1&b=2这种。
这里写一个jquery的扩展方法
$.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; };
这个方法是将表单序列化成json的。
像这样调用:
var para = $('form').serializeObject() ; para = JSON.stringify(para) ;
先把表单数据序列化为一个json对象,然后将json对象转换成一个json字符串。
这样para就是一个json字符串啦。就可以发起请求了
注意:这个只能获取到所有的input标签,如果想获取下拉框的话,需要单独获取,然后把获取到的值拼接进去。例如:
var data=$("#fm").serializeObject(); JSON.stringify(data); data.txt2="1111";//修改值 var sel1=$("#sel1").val();//获取下拉框的值 data.sel1=sel1;//拼接进去
百闻不如一见,百见不如一做,只有做了,才知道问题出现在哪儿,才能去解决问题。