<html>

	<head>

		<script>

            var qianzhui = "cc";

            var test1="";

			function test(){

				var test="<table>";

				for(var i=0;i<4;i++){

				    test = test + "<tr><td><input id='" + qianzhui + "_" + i + "1" + "'></input></td><td><input id='" + qianzhui + "_" + i + "2" + "'></input></td><td><input id='" + qianzhui + "_" + i + "3" + "'></input></td></tr>";//使用for循环向dom中写入表格内容

				}

				test=test+"</table>";

				document.getElementById("test").innerHTML = test;

			}

			function getTestValue() {

			    test1="{";

			    for (var i = 0; i < 4; i++) {

			        test1 = test1 + "\"cc" + i + "1\":" + "\"" + document.getElementById("cc_" + i + "1").value.toString().trim() + "\"," + "\"cc" + i + "2\":" + "\"" + document.getElementById("cc_" + i + "2").value.toString().trim() + "\"," + "\"cc" + i + "3\":" + "\"" + document.getElementById("cc_" + i + "3").value.toString().trim() + "\"";//使用for循环获取表格中的内容

			        if (i < 4 - 1) {

			            test1 = test1 + ",";

			        }

			        else {

			            test1 = test1 + "}";

			        }

			    }

			    //document.getElementById("showTest").innerHTML = test1;

			    //var cc = eval("("+test1+")");//将文本转换为json对象

			    //alert(cc["cc01"].toString().trim());//js读取json的方式

			}

			function get() {

			    getTestValue();

			    var test = {

			        "cc": "aa",

			        "bb": "dd",

			        "ee":eval("("+test1+")")

			    }

			    document.getElementById("showTest").innerHTML = JSON.stringify(test);

			    alert(test["ee"]["cc21"].toString().trim());//js中json内容的访问方式

			}

		</script>

        <title></title>

	</head>

	<body>

		<div id="test">

		</div>

        <div id="showTest">

        </div>

		<button id="Table" onclick="test()">生成Html代码层框架</button>

        <button onclick="get()">获取输入的值</button>

	</body>

</html>

　　json的获取与添加，分享以备忘。

json字符串的拼接，并转换为json对象的更多相关文章

  1. 前台的js对象数组传到后台处理。在前台把js对象数组转化为json字符串，在后台把json字符串解析为List<>

    前台的js对象数组传到后台处理.在前台把js对象数组转化为json字符串,在后台把json字符串解析为List<>

  2. 将JSON字符串反序列化为指定的.NET对象类型

    目录导航: 前言: 方法一.在项目中定义对应的对象参数模型,用于映射反序列化出来的参数(复杂JSON字符串数据推荐使用): 方法二.直接将JSON字符串格式数据反序列化转化为字典数据(简单JSON字符 ...

  3. DataTable转json字符串，jQuery.parseJSON()把json字符串转为标准的json对象格式

    1.string res = DataTableToJson.DataTable2Json(dt);讲DataTable转换为json字符串 http://www.365mini.com/page/j ...

  4. 树形菜单的json字符串的拼接

    最近在学习权限管理, 要用到树形按钮, 但是字符串的拼接是一个难理解的问题, 然后从网上找了一个从前台用js来遍历组成这个json字符串, 很好! 但是没看懂... var data = [ {&qu ...

  5. Json字符串解析原理、超大json对象的解析

    概述 附上完整的代码:https://pan.baidu.com/s/1dEDmGz3(入口类是Json)JSON:JavaScript 对象表示法(JavaScript Object Notatio ...

  6. json字符串的拼接

    关于json字符串的解析与拼接,第一次接触,留下个笔记了.......解析,是改的代码,拼接是纯的,解析就不说了,笔记一下拼接了 关于解析主要分三部分,一个是第一层处理,一个是第二层处理,一个是进行& ...

  7. 使用JavaScriptSerializer序列化集合、字典、数组、DataTable为JSON字符串 分类： 前端 数据格式 JSON 2014-10-30 14:08 169人阅读 评论(0) 收藏

    一.JSON简介 JSON(JavaScript Object Notation,JavaScript对象表示法)是一种轻量级的数据交换格式. JSON是"名值对"的集合.结构由大 ...

  8. SpringBoot 返回json 字符串（jackson 及 fast json）

      一.jackson 1.Controller 类加注解@RestController 这个注解相当于@Controller 这个注解加 @ResponseBody 2.springBoot 默认使 ...

  9. c# .net 读取json 字符串 与序列化和反序列化json字符串

    命名空间 using Newtonsoft.Json.Linq; JObject obj = JObject.Parse("json字符串");用 obj["" ...

随机推荐

  1. HTML标签小结

    HTML:超文本标记语言 超:超链接       超文本:超出文本(可加入图片,文字,音频视频播放器)  标记:标签 HTML文档 以<html...>开始 , 以</html> ...

  2. PowerDesigner

    .PowerDesigner使用MySQL的auto_increment  ◇问题描述:  PD怎样能使主键id使用MySQL的auto_increment呢?  ◇解决方法:   打开table p ...

  3. Nginx负载均衡配置实例详解

    负载均衡是我们大流量网站要做的一个东西,下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法,希望对有需要的同学有所帮助哦. 负载均衡 先来简单了解一下什么是负载均衡,单从字面上的意思来理解就可 ...

  4. SpringMVC 邮件发送

    <!--邮件发送实现类--> <bean id="javaMailSender" class="org.springframework.mail.jav ...

  5. JAVA中的GC机制详解

    优秀Java程序员必须了解的GC工作原理 一个优秀的Java程序员必须了解GC的工作原理.如何优化GC的性能.如何与GC进行有限的交互,因为有一些应用程序对性能要求较高,例如嵌入式系统.实时系统等,只 ...

  6. 【循序渐进学Python】14.数据库的支持

    纯文本只能够实现一些简单有限的功能.如果想要实现自动序列化,也可以使用 shelve 模块和 pickle 模块来实现.但是,如果想要自动的实现数据并发访问,以及更标准,更通用的数据库(databas ...

  7. MODIS批量处理软件MRT的安装说明

    最近在处理遥感影像的时候遇见了MODIS影像数据,从中MOD13中提取NDVI是相当的重要.在一番的百度之中找到了处理modis影像的神器------MRT 接下来我来说明一下MRT的具体安装,如果之 ...

  8. ENVI【遥感图像预处理之图像的几何校正】

    ---恢复内容开始--- 一.图像几何校正的概述 1.几何校正方法: 1)利用卫星自带的地理定位文件进行几何校正.主菜单>>>Map>>Georeference传感器的名 ...

  9. Wami Map Project – 开源的 OSM API 服务

    Wami 地图项目把 OSM 数据分享给所有的人,很容易使用.他们利用 MongoDB 的潜力进行大数据管理来实现从 OSM 数据来源搜索相关的数据.它们的 API 使人们有可能检索不同格式的 POI ...

  10. PourOver – 快速筛选和排序大的数据集合

    PourOver 是一个用于对大数据集合进行快速过滤的 JavaScript 库.它可以在60fps下运行,允许您构建数据研究应用和档案,即不必等待一个数据库调用来呈现查询结果. PourOver 基 ...