form 转json，将form表单中的数据序列化数组后转换为Json【改】

改成本地方法：

//表单序列化为json对象
function form2o(formId)   
{   
   var o = {};   
   var a = $(formId).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;   
};  　

 

 

 

转

 

form 转json，将form表单中的数据序列化数组后转换为Json

页面中引用了jquery，第一想到的就是序列化，但是序列化后的表单字段为a=1&b=2这种。

这里写一个jquery的扩展方法

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

$.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的。

 

像这样调用：

1 2	var para = $('form').serializeObject() ;   para = JSON.stringify(para) ;

先把表单数据序列化为一个json对象，然后将json对象转换成一个json字符串。

这样para就是一个json字符串啦。就可以发起请求了

注意：这个只能获取到所有的input标签，如果想获取下拉框的话，需要单独获取，然后把获取到的值拼接进去。例如:

1 2 3 4 5

var data=$("#fm").serializeObject(); JSON.stringify(data); data.txt2="1111";//修改值 var sel1=$("#sel1").val();//获取下拉框的值 data.sel1=sel1;//拼接进去

　　

百闻不如一见，百见不如一做，只有做了，才知道问题出现在哪儿，才能去解决问题。

标签: form表单, 序列号为JSON