分享

jQuery 表单数据序列化为json格式

 风_宇星 2015-06-07

 jQuery是在web应用中使用的脚本语言之一,因其具有轻量级,易学易用等特点,已广泛应用,其中的ajax封装简化了我们的应用,对其表单数据序列化用如下方法:

1.serialize()方法

  格式:var data = $("#formID").serialize();

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

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

2.serializeArray()方法

  格式:var jsonData = $("#formID").serializeArray();

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

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

3.$.param()方法,可以把json格式数据序列化成字符串形式

      varobj={a:1,b:2}

      vars=$.param(obj);

  会形成a=1&b=2的形式


[javascript] view plaincopy
  1. $.fn.serializeObject = function()  
  2. {  
  3.    var o = {};  
  4.    var a = this.serializeArray();  
  5.    $.each(a, function() {  
  6.        if (o[this.name]) {  
  7.            if (!o[this.name].push) {  
  8.                o[this.name] = [o[this.name]];  
  9.            }  
  10.            o[this.name].push(this.value || '');  
  11.        } else {  
  12.            o[this.name] = this.value || '';  
  13.        }  
  14.    });  
  15.    return o;  
  16. };  


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多