zoukankan      html  css  js  c++  java
  • 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;//拼接进去

      

    百闻不如一见,百见不如一做,只有做了,才知道问题出现在哪儿,才能去解决问题。
  • 相关阅读:
    上传图片2(接上一篇)
    上传图片2
    上传图片
    SQL Server基础之存储过程
    C#导入Excel、Excel导入、导入.xls 、导入.xlsx、Excel2003版本、Excel2007版本
    C#使用 System.Net.Mail发送邮件功能
    C#发送邮件三种方法,Localhost,SMTP,SSL-SMTP
    angular模板
    从“繁”到“简”进行数组去重
    CSS强制英文、中文换行与不换行
  • 原文地址:https://www.cnblogs.com/libin6505/p/12457501.html
Copyright © 2011-2022 走看看