<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. MUI（5）

    今天实现9宫格菜单.先上效果图: 就是这个效果咯,界面不太美观,底部导航栏是为了苹果用户没有返回按键设计的,只是为了方便演示而已,没有做过多的处理.首先先说一下这个底部导航栏如何实现,这个底部导航栏小 ...

  2. TestNG 三 测试方法

    一.设置参数 测试方法是可以带有参数的.每个测试方法都可以带有任意数量的参数,并且可以通过使用TestNG的@Parameters向方法传递正确的参数. 设置方式有两种方法:使用testng.xml或 ...

  3. spring mvc+ELK从头开始搭建日志平台

    最近由于之前协助前公司做了点力所能及的事情,居然收到了一份贵重的端午礼物,是给我女儿的一个乐高积木,整个有7大包物件,我花了接近一天的时间一砖一瓦的组织起来,虽然很辛苦但是能够从过程中体验到乐趣.这次 ...

  4. Winform 图片鼠标滚动查看(放大,缩小,旋转,拖动查看)[日常随笔]

    方法千千万,我只是其中一笔[通过控制PictureBox来控制图片,图片完全施展在控件中]...几久不做,还真有点陌生! 窗体构造中添加鼠标滚动: /// <summary> /// 窗体 ...

  5. 3D打印公司网站dedecms大气模板

    模板描述:1. 用FTP将安装包上传到服务器解压(或者解压在上传): 2. http://您的域名/install/ 进入到安装界面, 按照正常步骤安装即可:不要修改数据库表前缀,否则会造成原先数据无 ...

  6. JS魔法堂：jsDeferred源码剖析

    一.前言 最近在研究Promises/A+规范及实现,而Promise/A+规范的制定则很大程度地参考了由日本geek cho45发起的jsDeferred项目(<JavaScript框架设计& ...

  7. 在Kali Linux下安装与配置OpenVas

    以下是我的Kali版本号: 执行安装命令: apt-get install openvas 安装完成后可以在漏洞分析菜单下查看到OpenVas相关选项. 以下为安装完成后需要用到的几个命令: open ...

  8. Java Android HTTP实现总结

    Java Android HTTP实现总结 Http(Hypertext Transfer Protocol)超文本传输协议,是一个基于请求/响应模式的无状态的协议,Http1.1版给出了持续连接的机 ...

  9. android ndk开发（二）实现一个官方demo

    实现了一个官方的demo:bitmap-plasma(水波纹) 源代码就在samples文件夹下,可以自己去找. 界面: 建立项目的步骤和配置环境不明白的可以去看:http://www.cnblogs ...

  10. 解决Dialog 消失，输入法不消失的问题

    前言:今天遇到一个奇怪的问题,Activity 里面弹出一个 dialog , 这个dialog里面有EditText . 问题:当 dialog 里面的输入法出现的时候,此时让diolog 消失,输 ...