将JavaScript的jQuery库中表单转化为JSON对象的方法

大家知道Jquery中有serialize方法，可以将表单序列化为一个“&”连接的字符串，但却没有提供序列化为Json的方法。不过，我们可以写一个插件实现。
 
我在网上看到有人用替换的方法，先用serialize序列化后，将&替换成“：”、“‘”：

/**
* 重置form表单
* @param formId form的id
*/
function resetQuery(formId){
var fid = "#" + formId;
var str = $(fid).serialize();
//str= cardSelectDate=3&startdate=2012-02-01&enddate=2012-02-04
var ob= strToObj(str);
alert(ob.startdate); //2012-02-01
}
function strToObj(str){
str = str.replace(/&/g, "','" );
str = str.replace(/=/g, "':'" );
str = "({'" +str + "'})" ;
obj = eval(str);
return obj;
}
/**
   * 重置form表单
   * @param formId form的id
   */
  function resetQuery(formId){
    var fid = "#" + formId;
    var str = $(fid).serialize();
    //str= cardSelectDate=3&startdate=2012-02-01&enddate=2012-02-04
    var ob= strToObj(str);
    alert(ob.startdate);//2012-02-01
  }  
  function strToObj(str){
    str = str.replace(/&/g,"','");
    str = str.replace(/=/g,"':'");
    str = "({'"+str +"'})";
    obj = eval(str);
    return obj;
  }  

个人感觉这样做有bug。
 我的方法是，先用serializeArray序列化为数组，再封装为Json对象。
 下面是表单：

 < form id = "myForm" action = "#" >
< input name = "name" />
< input name = "age" />
< input type = "submit" />
</ form >
<form id="myForm" action="#">
  <input name="name"/>
  <input name="age"/>
  <input type="submit"/>
</form>

( function ($){
$.fn.serializeJson= function (){
var serializeObj={};
$( this .serializeArray()).each( function (){
serializeObj[ this .name]= this .value;
});
return serializeObj;
};
})(jQuery);
(function($){
    $.fn.serializeJson=function(){
      var serializeObj={};
      $(this.serializeArray()).each(function(){
        serializeObj[this.name]=this.value;
      });
      return serializeObj;
    };
  })(jQuery); 

 
 
下面测试一下：

$("#myForm").bind("submit",function(e){
e.preventDefault();
console.log($( this ).serializeJson());
});
  e.preventDefault();
  console.log($(this).serializeJson());
}); 

测试结果：
输入a，b提交，得到序列化结果

								 
 1/3    1 2 3 下一页 尾页