`
HuNanPengdake
  • 浏览: 235828 次
  • 性别: 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实现从JSON对象转换为form提交数据

    在前端开发中,有时我们需要将JSON格式的数据转换成表单(form)的格式进行提交,以便于服务器端处理。在JavaScript的世界里,jQuery库提供了一种便捷的方式来进行这样的转换。本篇文章将深入探讨如何利用jQuery从...

    html对应的文件中 将form 表单数据 转化为json 格式

    本篇将详细介绍如何在HTML表单中收集数据,并利用jQuery的`ajax`方法将这些数据转化为JSON格式,以便于插入Oracle数据库。 首先,让我们了解一下HTML表单的基本结构。一个简单的HTML表单可能包含以下元素: ```...

    jQuery扩展将复杂form表单转成json对象

    在标题和描述提到的场景中,我们需要创建一个jQuery扩展,将复杂的form表单数据转换为JSON对象。这通常涉及到遍历表单元素,获取它们的值,并构建JSON对象。以下是一个简单的示例: ```javascript (function($) { ...

    jQuery实现form表单元素序列化为json对象的方法

    这个过程包括了选择表单元素、序列化为数组、处理同名元素以及将数据结构转换为JSON格式。这个方法不仅适用于简单的表单,也能够处理更复杂的情况,如多选下拉框和复选框组。理解并掌握这种技巧,对于编写高效、简洁...

    jquery form

    jQuery Form插件还提供了`serialize`和`serializeArray`方法,用于将表单数据转换为URL编码的字符串或JSON格式数组,便于发送到服务器。 **6. 异步上传文件** 对于包含文件输入的表单,jQuery Form插件支持File ...

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

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

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

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

    Jquery 组合form元素为json格式,asp.net反序列化

    标题中的“Jquery 组合form元素为json格式,asp.net反序列化”是指使用jQuery库将HTML表单中的元素转换成JSON(JavaScript Object Notation)格式的数据,并在后端的ASP.NET环境中通过反序列化将JSON数据还原为对象...

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

    本文将介绍如何利用jQuery序列化form表单数据为JSON对象的实现方法,并提供实例代码来加深理解。 在Web开发中,表单提交是一个常见的操作,通常需要把表单中的数据转换成适合网络传输的格式。HTML表单通过表单元素...

    关于jquery form表单序列化的注意事项详解

    `$.serialize()`将表单数据转换为字符串,而`$.serializeArray()`则返回一个包含表单元素名称和值的对象数组。 **一、readonly与disabled的区别** 1. `readonly`属性:仅适用于`input`和`textarea`元素,设置后...

    js获取form表单中name属性的值

    今天我们将探讨如何使用JavaScript来获取form表单中name属性的值,并且着重讲解在动态表单的情况下,当无法预先确定标签的name属性值时,如何即时获取这些值以便进行存储或处理。 在文章中首先提到的方法是使用...

    Jquery判断form表单数据是否变化

    这可以通过序列化表单数据来实现,序列化后的数据是一个JSON格式的字符串,我们可以通过这个字符串来与原始数据进行比较。 在JQuery中,可以定义一个函数`isModified`来判断form内属性值是否被修改。该函数接收两个...

    jQuery实现form表单序列化转换为json对象功能示例

    jQuery库提供了一种简单的方法来实现这一功能,本篇文章将详细介绍如何使用jQuery将form表单序列化并转换为JSON对象。 首先,让我们理解一下基本概念。**序列化(Serialization)**是将复杂的数据结构转化为字符串...

    jQuery json

    4. **序列化表单数据为JSON**:jQuery提供`serializeArray()`和`serializeObject()`(非官方插件)方法将表单数据转换为JSON格式,便于发送Ajax请求: ```javascript var formData = $('form').serializeArray();...

    form表单数据封装成json格式并提交给服务器的实现方法

    然后利用`jQuery`或者原生JavaScript的`querySelectorAll`等方法遍历表单元素,将每个字段的值与对应的键组合成键值对,最后用`JSON.stringify()`函数将对象转换成JSON字符串。 以下是一个简单的JavaScript示例: ...

    使用jQuery ajax提交表单代码

    - 使用`$(selector).serialize()`方法,可以获取表单元素的值并将其转换为URL编码的字符串,适用于POST请求。 - 对于复杂数据结构,可以使用`$(selector).serializeArray()`,然后手动构建数据对象。 3. **发起...

Global site tag (gtag.js) - Google Analytics