`

javascript:无聊时写的一个自动获取json值并自动生成表格,可设置表格的列标题与要表现json值的位置

阅读更多
	function test(){
		var filed={"title":["编号","名字"],"filed":["id","name"]};
		getdata(filed,createtable);

	}

	function createtable(obj,json){

			var tb;
			tb=document.getElementById("mytable");
			if(tb){
				for(var i=tb.rows.length-1;i>=0;i--){
					tb.deleteRow(i);
				}
			}else{
				tb=document.createElement("table");
				tb.id="mytable";
			}

			var r=tb.insertRow();
			for(var i in obj["title"]){
				r.insertCell().innerText=obj["title"][i];
			}

			if(obj["filed"]){
				for(var i in json){
					var r=tb.insertRow();
					for(var j in obj["filed"]){
						r.insertCell().innerText=json[i][obj["filed"][j]];
					}
				}
			}else{
				for(var i in json){
					var r=tb.insertRow();
					for(var j in json[i]){
						r.insertCell().innerText=json[i][j];
					}
				}
			}
		document.body.appendChild(tb);
	}

	function getdata(obj,fun){
		var json=[{"id":1,"name":"a"},{"id":2,"name":"b"},{"id":3,"name":"c"}];
		fun(obj,json);
	}

  </script>
0
2
分享到:
评论

相关推荐

    js读取json数据动态生成列数不固定的表格

    1. **JSON数据解析**:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在js中,可以使用`JSON.parse()`方法将JSON字符串转换为JavaScript对象。 2. ...

    Excel提取Json值.pdf

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON数据通常以键值对的形式存储数据,非常适合在网络上传输结构化数据。 #### 二、使用Power Query...

    Layui调用json获取表格动态数据代码.zip

    4. JSON格式:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在本示例中,JSON数据可能是类似以下结构: ``` [ {"id":1,"name":"张三","age":20,...

    把一个json生成一个创建sql

    在IT行业中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛用于服务器与客户端之间传递数据。SQL(Structured Query Language)则是用于管理关系数据库的语言。将JSON转换为创建SQL语句的...

    SQL自动生成JSON数据.docx

    SQL自动生成JSON数据 SQL语言是 stru ctured Query Language的缩写,用于管理关系数据库管理系统(RDBMS)。SQL语言可以对数据库进行创建、修改、删除、查询等操作。SQL语言是一种标准化的语言,广泛应用于各种...

    一个用于将JSON数据转换为Table的JavaScript库

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于Web应用程序之间传递数据。在前端开发中,我们经常需要将从服务器获取的JSON数据展示在网页的表格中,以便用户直观地查看和操作数据。...

    excel转json插件,并生成C#类

    在IT行业中,数据转换是常见...总之,"excel转json插件,并生成C#类"是一个实用的工具,它可以大大提高数据处理的效率,尤其在处理大量结构化数据时。了解其工作原理和使用方法,将有助于你在项目中更有效地管理数据。

    word表格转json

    本案例中的"word表格转json"是关于将Word文档中的表格数据转换为JSON(JavaScript Object Notation)格式,这是一种轻量级的数据交换格式,常用于Web服务和API之间的数据传递。而“实体类”在C#编程中指的是具有属性...

    JS自动把JSON数据转换成表格

    每次调用时,传入表头标题和字段名,这两个值会被存储在相应的数组中,并且 `aryLen` 会递增以记录当前已有多少个字段。 #### 4. `createTableAsObj` 方法 ```javascript this.createTableAsObj = function () { ...

    jsoneditor_javascript_JSON_jsoneditor9.1.4_json-editorjs_

    JSONEditor是一款功能强大的基于JavaScript的JSON数据编辑器,它允许用户以可视化的形式创建、编辑和查看JSON数据。在Web应用程序中,它常用于提供一个直观的界面来处理JSON格式的数据,这对于开发者和非技术人员来...

    unity 自动excel转json插件

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也方便机器解析和生成。在Unity中,JSON常用于存储和加载非结构化的数据,比如角色属性、游戏设置等。将Excel转换为JSON,...

    C++读写json文件

    在C++编程中,处理JSON(JavaScript Object Notation)数据是一项常见的任务,特别是在与Web服务交互、配置文件管理和数据序列化等场景。JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和...

    android 动态解析获取json数据的键值对

    这个"android 动态解析获取json数据的键值对"的项目就是针对这种情况的一个实例,主要展示了如何在Eclipse环境下,不预先创建JSON键值对应的实体类,而是动态地解析JSON并将其内容显示在列表上。 首先,我们要理解...

    json3.js 【JS / JavaScript 中解析JSON的js包,JSON官方的JSON解析包】

    json3.js 【JS / ...使用方法:JSON.parse(str), JSON.stringify(obj) 更多详情请参考博文: JavaScript中解析JSON --- JSON.parse()、JSON.stringify()以及$.parseJSON()使用详解 - chunlynn的小屋 - CSDN博客 ...

    遍历多级树状json获得父子节点值

    以下是一个简单的递归函数模板,用于遍历树状JSON并获取指定的父子节点值: ```python def traverse_json(json_obj, parent_key=None, target_key=None): if isinstance(json_obj, dict): # 处理对象类型 for key...

    MFC使用json11解析JSON

    而JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于Web服务与客户端之间的数据传输。在本项目中,我们关注的是如何在MFC应用中使用json11库来解析和操作JSON数据。 json11是一个小型且易于...

    HTML读取json文件示例程序.zip

    6. **JSON与JavaScript对象**:JSON字符串可以通过`JSON.parse()`方法转换为JavaScript对象,反之,JavaScript对象可以通过`JSON.stringify()`方法转换为JSON字符串。 7. **错误处理**:务必包含`catch`块来处理...

    一套基于 C# 实现的JSON 生成器可传输数据到客户端JavaScript后台类库源码

    本套源码提供了一个C#实现的JSON生成器,能够将数据结构转换为JSON格式,便于传输到客户端的JavaScript后台。 首先,我们要理解JSON的基本结构。JSON由键值对组成,键是字符串,值可以是各种数据类型,包括字符串、...

    pb解析与生成json

    标题 "pb解析与生成json" 涉及到的技术主要围绕着ProtoBuf(Protocol Buffers)和JSON这两种数据序列化格式。ProtoBuf是由Google开发的一种高效的数据交换的序列化协议,而JSON则是一种轻量级的数据交换格式,广泛...

    使用json封装数据 html源代码

    在IT行业中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它以其简洁、易读、易于解析的特点被广泛应用于Web服务和客户端之间的数据交互。JSON是基于JavaScript的一个子集,但它是独立于语言的...

Global site tag (gtag.js) - Google Analytics