`
oliver1000
  • 浏览: 16682 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

用jquery以及json包将表单数据转为json字符串

 
阅读更多

提供一个将表单数据转为json对象,再转为字符串,提交到后台,后台就可以将数据转为json对象,方便操作,假如有用到json作为数据处理手段的话。希望大家可以用到!(不能直接套用的话,用浏览器js调试工具调试下,就行了)

 

要用到的包:json2.js,jquery(可以百度);

 

var dataVo = $("#submitForm").serializeArray();

var dataJson = convertToJson(dataVo);

dataVo = JSON.stringify(dataJson);

/**

 * 将表单对象转为json对象

 * @param formValues

 * @returns 

 */

function convertToJson(formValues) {

    var result = {};

    for(var formValue,j=0;j<formValues.length;j++) {

    formValue = formValues[j];

    var name = formValue.name;

    var value = formValue.value;

    if (name.indexOf('.') < 0) {

    result[name] = value;

    continue;

    } else {

    var simpleNames = name.split('.');

    // 构建命名空间

    var obj = result;

    for ( var i = 0; i < simpleNames.length - 1; i++) {

    var simpleName = simpleNames[i];

    if (simpleName.indexOf('[') < 0) {

    if (obj[simpleName] == null) {

    obj[simpleName] = {};

    }

    obj = obj[simpleName];

    } else { // 数组

    // 分隔

    var arrNames = simpleName.split('[');

    var arrName = arrNames[0];

    var arrIndex = parseInt(arrNames[1]);

    if (obj[arrName] == null) {

    obj[arrName] = []; // new Array();

    }

    obj = obj[arrName];

    multiChooseArray = result[arrName];

    if (obj[arrIndex] == null) {

    obj[arrIndex] = {}; // new Object();

    }

    obj = obj[arrIndex];

    }

    }

    if(obj[simpleNames[simpleNames.length - 1]] ) {

    var temp = obj[simpleNames[simpleNames.length - 1]];

    obj[simpleNames[simpleNames.length - 1]] = temp;

    }else {

    obj[simpleNames[simpleNames.length - 1]] = value;

    }

    }

    }

    return result;

}

0
1
分享到:
评论

相关推荐

    使用JQuery实现从JSON对象转换为form提交数据

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

    jquery_json.rar_JSON_jquery_jquery-json_jquery.json_jquery.json.

    反之,如果需要将用户在网页上的操作结果(如表单数据)发送回服务器,可以先使用`$.toJSON`将数据转换为JSON格式,然后在Ajax请求中发送。 总结来说,`jquery_json.rar`中的插件为jQuery提供了JSON处理能力,使得...

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

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

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

    首先,`serialize()`是jQuery提供的一个方法,用于将表单元素转换为URL编码的字符串,适合于发送到服务器。然而,如果我们需要的是JSON格式的数据,我们就需要进行额外的处理。JSON(JavaScript Object Notation)是...

    jquery.json.min.2.3.0.js;json2.js

    在旧版的JavaScript引擎中,不支持原生的JSON对象,而json2.js提供了一个兼容的JSON解析和字符串化函数。即使在现代浏览器中,这个文件也可以作为一个安全的备份,确保在任何环境中都能处理JSON数据。 综上所述,...

    php基于jquery的ajax技术传递json数据简单实例.docx

    然后,我们使用 json_encode() 函数将数据编码成 JSON 格式,并将其输出到页面上。 Ajax 技术 Ajax 技术是异步 JavaScript 和 XML(Asynchronous JavaScript and XML)的缩写,是一种基于 JavaScript 和 XML 的...

    jQuery+JSON

    3. **jQuery的$.parseJSON()**:如果你有一个JSON格式的字符串,可以使用`$.parseJSON()`将其转换为JavaScript对象。然而,这个方法在jQuery 3.0之后已被弃用,推荐使用原生的`JSON.parse()`方法。 4. **JSONP**:...

    json数据jquery异步示例

    5. **JSON.stringify()**: 这是JavaScript内置的方法,用于将JavaScript值转换为JSON字符串,以便通过Ajax发送。 6. **后台解析JSON**: 服务器端(可能是PHP, Node.js, Java等)接收到JSON数据后,需要解析成相应的...

    JQuery与Json的结合使用

    1. **Ajax请求**:使用jQuery的`$.ajax()`、`$.get()`或`$.post()`方法发送Ajax请求,服务器返回的数据通常以JSON格式呈现。这样,开发者可以通过`dataType: 'json'`设置,让jQuery自动将JSON字符串解析为JavaScript...

    jQuery json

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

    JQuery中Json的使用示例

    另外,如果你需要从表单数据生成JSON,可以使用`$.param()`方法,但注意这会将数据编码为URL查询字符串,因此还需要进一步转换: ```javascript var formData = $('form').serializeArray(); var json = {}; $.each...

    jquery ajax json php

    2. **请求发送**:jQuery将AJAX请求发送到服务器,数据通常是JSON格式,因为它是轻量且结构化的,利于传输。 3. **服务器端(PHP部分)**:PHP脚本接收到请求,根据请求类型(GET或POST)解析数据。如果是POST请求...

    JSON jquery 与php 入门

    在与服务器进行数据交互时,jQuery提供了$.ajax()方法,可以方便地发送异步请求,并接收JSON格式的数据。 1. JSON基本结构: JSON数据由键值对构成,类似于JavaScript的对象。键和值之间用冒号隔开,键值对之间用...

    jquery-json

    - **序列化**:jQuery的`$.param()`方法可以将JavaScript对象序列化为URL查询字符串,但不直接支持JSON格式。可以使用`JSON.stringify()`(JavaScript内置函数)将其转换为JSON字符串。 ```javascript var obj = { ...

    Struct2利用Ajax,JQuery交互Json

    例如,创建一个Action类,定义一个方法,该方法使用@Result注解指定返回类型为json,然后在方法内部将Java对象转换成Json字符串,如使用Fastjson或Gson库进行转换。 在前端,使用JQuery的Ajax方法发起请求到Struct2...

    JQuery getJSON() 调用Servlet简单例子

    `getJSON()`是jQuery提供的一个便捷方法,用于通过Ajax请求获取JSON格式的数据。在这个例子中,我们将深入探讨如何使用jQuery的`getJSON()`函数与Servlet进行交互。 首先,我们来看`getJSON()`的基本用法。`getJSON...

    Struts2 JQueryJson例子 .rar

    - **数据格式**:JSON由键值对组成,键必须是字符串,值可以是多种数据类型,如字符串、数字、对象、数组等。 - **数据交换**:在前后端之间,JSON常用于传输数据,因为其格式清晰且易于解析。 - **JQuery与JSON*...

    整合jquery+json+struts2异步提交实例

    通过将JavaScript对象转换为JSON字符串,可以方便地发送到服务器,然后服务器端再将其解析回对象进行处理。 **Struts2** 是一个基于MVC(Model-View-Controller)设计模式的Java Web应用框架。它提供了强大的Action...

    struts2+json+jquery实现ajax数据的存取

    在Struts2中,我们可以使用JSON插件来方便地序列化和反序列化Java对象为JSON格式,从而实现在Ajax请求中发送和接收数据。 **3. jQuery库** jQuery是一个高效、简洁的JavaScript库,它简化了HTML文档遍历、事件处理...

    jQuery+Struts1.2+JSON

    通过jQuery获取表单数据,封装到JSON对象,再把JSON对象转为字符串传到Action,接到数据后,再把JSON字符串变为JSON对象,通过JSON的键,取出数据,通过调用数据库返回数据封装在JSON,打印出数据,然后在客户端接收...

Global site tag (gtag.js) - Google Analytics