`
HuNanPengdake
  • 浏览: 232477 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Jquery form表单元素转为JSON字符串

阅读更多

function formToJson(formObj){
    var o = {};
    var a = formObj.serializeArray();
    $.each(a, function() {

        if(this.value){
            if (o[this.name]) {
                if (!o[this.name].push) {
                    o[this.name] = [ o[this.name] ];
                }
                    o[this.name].push(this.value || null);
            } else {
                if($("[name='"+this.name+"']:checkbox",formObj).length){
                    o[this.name]=[this.value];
                }else{
                    o[this.name] = this.value || null;
                }
            }
        }
    });
    alert(JSON.stringify(o));
    return o;
};
分享到:
评论

相关推荐

    jQuery序列化form表单数据为JSON对象的实现方法

    但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。 serialize确实是能够解决一般的提交数据。但是有时我们需要的是一个object对象,而不是字符串(比如jqgrid reload时...

    使用JavaScript构建JSON格式字符串实现步骤

    如果你现在正在使用Restful API,并且你需要通过web项目来构建json格式字符串的响应,那么这篇文章将帮助你使用javascript来创建json格式字符串。这是非常有用的,我们将通过jQuery插件$.toJSON把数据对象转换为json...

    jQuery向后台传入json格式数据的方法

    jQuery向后台传数据的时候,我们会发现他会自动转化成查询字符串,不能真正传入一个json。而且用jquery对表单序列化的时候,返回的格式是一个数组,还需要作进一步转换。其实只要我们在ajax方法中配置一些东西就可以...

    JQuery权威指南源代码

    使用data()方法在元素上存取移JSON格式的数据 解决jQuery库先于其他库导入时变量“$”的使用权 解决jQuery库后于其他库导入时变量“$”的使用权 使用子查询优化选择器性能 减少对DOM元素直接操作 DOM对象与...

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

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

    jquery序列化form表单使用ajax提交后处理返回的json数据

    1、返回json字符串: 代码如下: /** 将一个字符串输出到浏览器 */  protected void writeJson(String json) {  PrintWriter pw = null;  try {  servletResponse.setContentType(“text/plain;charset=UTF-8”)...

    JQuery扩展包-多种序列化方式

    Jquery自带的序列化,仅对form表单进行序列化,有很大的局限性,现在对齐进行扩展可以进行任意的序列化,包括json格式,字符串格式、数组格式,数组时自动转化为字符串等。并可以根据开发需要,随时扩展自己想要的...

    jQuery权威指南-源代码

    9.5 综合案例分析—使用jQuery扩展工具函数实现对字符串指定类型的检测/305 9.5.1 需求分析/305 9.5.2 效果界面/305 9.5.3 功能实现/306 9.5.4 代码分析/309 9.6 本章小结/311 第10章 jQuery性能优化与最佳...

    jQuery详细教程

    演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() 演示 jQuery hide() 函数,隐藏所有 <p> 元素。 $(".test").hide() 演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。 jQuery 语法 ...

    jQuery序列化后的表单值转换成Json

    通过$(#form).serialize()可以获取到序列化的表单值字符串。 例如: a=1&b=2&c=3&d=4&e=5 通过$(#form).serializeArray()输出以数组形式序列化表单值。 [ {name: 'firstname', value: 'Hello'}, {name: '...

    ajax_struts2_上传与下载_无刷新

    3. 在struts2的Action通过2种不同的实现方法返回json格式的字符串。 4. 针对商品实现简单无刷新上传与下载 4. 批量导入数据采用的是导入test文件夹下的测试压缩包upload.rar上传到服务器的临时目录,然后利用WinRar....

    通过构造AJAX参数实现表单元素JSON相互转换

    ajax提交服务器数据, 整理一下转换方法。 ... <form id=fm name=fm action=> <input name=UserName type=text value=UserName1/>.../form>...input name=UserId id=UserId type=text value=...2.字符串,

    jQuery权威指南366页完整版pdf和源码打包

    9.2.2 数组和对象的操作 9.2.3 字符串操作 9.2.4 测试操作 9.2.5 url操作 9.3 工具函数的扩展 9.4 其他工具函数—$.proxy() 9.5 综合案例分析—使用jquery扩展工具函数实现对字符串指定类型的检测 ...

    jquery-1.1.3 效率提高800%

    (jQuery 1.2以上的版本支持) "text": 文本格式的字符串 error 数据类型: Function 请求失败时执行的函数。函数具有3个参数: XMLHttpRequest对象,一个描述产生的错误类型和一个可选的异常对象, 如果有的...

    unserialize:jQuery 反序列化插件

    返回一个 JSON 对象,其值在字符串中说明。 如何使用: 这个插件有两个用例。 第一个用例: 起初,它与“serialize()”完全相反。 假设我们有一个 ID 为“testform”的表单,它有两个文本输入,名为“testvar1...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    10-22 4 ajax如何处理json格式返回数据 10-22 5 ajax应用 省市联动 10-22 6 ajax应用 黄金市场报价 10-23 1 简易在线聊天室1 10-23 2 简易在线聊天室2 10-23 3 简易在线聊天室3 10-23 4 简易在线聊天室4 10-23 5 ...

    form2js:自动从code.google.compform2js导出

    示例中用于JSON序列化的库是 这个库所做的只是收集表单数据并将其放入javascript对象中(显然,您可以通过序列化来获取JSON / XML / etc字符串,但这并不是唯一的目的)。用法 form2object(rootNode, delimiter, ...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    字符串常用操作 字典的使用 三级菜单实例 本周作业-购物车优化 第3周 作业 上节内容回顾 集合及其运算 文件读与写详解 心灵鸡汤 文件修改详解 字符编码转换详解 函数与函数式编程 函数式编程之参数详解 局部变量与...

    (全)传智播客PHP就业班视频完整课程

    10-22 4 ajax如何处理json格式返回数据 10-22 5 ajax应用 省市联动 10-22 6 ajax应用 黄金市场报价 10-23 1 简易在线聊天室1 10-23 2 简易在线聊天室2 10-23 3 简易在线聊天室3 10-23 4 简易在线聊天室4 10-23 5 ...

Global site tag (gtag.js) - Google Analytics