将from表单序列化为json对象

最近在项目中用到ajax文件上传,但上传文件的同时需要将多个form元素传递到后台,由于元素太多,手动拼接成json对象的话太繁琐,于是在网上搜了下,终于找到解决办法,此方法是通过增加jquery方法来实现的,经实验成功后在此记录下,也方便有同样需求的朋友借鉴、参考。

 

第一步:将序列化方法加入到jquery文件中。

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

第二步:调用方法,进行form表单序列化(序列化为json数据),跟普通的jquery调用一样,aform代表form的id,返回值为json对象

      $("#aform").serializeJson()

posted @ 2015-06-24 23:12  小猪要上树  阅读(414)  评论(0)    收藏  举报