`

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. ...

    C# 获取json字段中指定值

    在C#编程中,处理JSON数据是常见的任务,特别是在与Web服务交互或处理API响应时。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,因其易读易写而被广泛采用。在这个场景中,我们将关注如何使用C#和...

    Excel提取Json值.pdf

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

    读json文件自动生成jsonpath

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛应用于Web服务和API接口的数据交互。JSONPath是类似于XPath的查询语言,用于在JSON结构数据中查找信息,它为JSON提供了一种灵活的检索机制,...

    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`元素的...

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

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

    word表格转json

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

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

    在IT行业中,数据转换是常见...总之,"excel转json插件,并生成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是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和...

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

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

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

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

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

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

    json自动生成javabean的工具jar

    标题中的“json自动生成javabean的工具jar”是指一个Java的库或者工具,它以JAR(Java Archive)文件形式提供,功能是将JSON格式的数据自动转化为JavaBean对象。JAR文件是Java平台特有的归档格式,包含了一组Java类...

    易语言教学 - json模块解析/获取文本 示例源码

    在这个版本中,你可以找到处理JSON的类和函数,如`创建JSON对象`用于创建一个新的JSON对象,`JSON对象解析文本`用于解析JSON字符串,以及`JSON对象取值`用于获取JSON对象中的特定值。 在“Json模块示例.e”这个源码...

Global site tag (gtag.js) - Google Analytics