`

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自动生成select联动

    这个场景通常涉及到JSON数据格式,因为JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。本示例中的"根据JSON自动生成select联动"就是一种利用JSON数据实现多级关联的`select`元素的...

    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格式的数据,这对于开发者和非技术人员来...

    自动生成C结构体到json的序列化、反序列化代码的方法

    本主题聚焦于如何自动生成C结构体到JSON(JavaScript Object Notation)的序列化和反序列化代码,这是一个常见且重要的任务,因为JSON作为一种轻量级的数据交换格式,被广泛用于网络API和应用程序间的数据传递。...

    javascript对象转换成json

    JSON格式是基于JavaScript的一个子集,但它并不是JavaScript的一部分,而是一种独立的数据格式。在JavaScript中,我们可以使用内置的`JSON.stringify()`方法将JavaScript对象转换为JSON字符串。 ### JSON.stringify...

    unity 自动excel转json插件

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

    Qt处理JSON数据(内含数组)并保存至excel表格

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于服务器与客户端之间的数据传输。 首先,我们需要了解Qt中的QJsonDocument和QJsonObject类,它们是处理JSON数据的核心工具。QJsonDocument...

    C++读写json文件

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

    一个使用json生成phpclass代码的工具

    标题中的“一个使用json生成phpclass代码的工具”指的是一个特定的软件或脚本,它能够根据JSON(JavaScript Object Notation)数据格式自动生成PHP类(Class)代码。JSON是一种轻量级的数据交换格式,易于人阅读和...

    Json类自动生成器源码(完美)

    5. 用户界面(可选):可能包含一个简单的图形用户界面或者命令行界面,让用户可以方便地输入JSON数据并生成相应的Java类。 在使用这个工具时,开发者需要注意以下几点: - JSON格式的正确性:输入的JSON必须符合...

    jQuery JSON动态获取表格数据代码.zip

    在IT行业中,jQuery库是JavaScript的一个重要扩展,它极大地简化了DOM操作、事件处理和Ajax交互。本示例"jQuery JSON动态获取表格数据代码.zip"是关于如何利用jQuery和JSON来动态地填充表格数据,同时提供了一些交互...

    echarts地图自动生成json数据文件

    标题提到的“echarts地图自动生成json数据文件”指的是利用ECharts库中的功能,生成中国各省市县的地图数据,并将这些数据转换为JSON格式。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人...

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

    本项目"调用json获取表格动态数据代码.zip"显然是一个用于演示如何在网页中利用JavaScript处理JSON数据,生成具有各种交互功能的表格的示例。 首先,我们来看"说明.htm"。这个文件可能是项目中的HTML模板,展示了...

Global site tag (gtag.js) - Google Analytics