html读取本地json数据库,用Javascript读取本地JSON到HTML

此代码将在HTML表格打印JSON阵列。目录文件file.json的：

[[ 50.65, 5.37 , 4358684.11 ],

[ 50.68, 5.86 , 1849705.79 ],

[ 50.33, 6.84 , 961107.46 ],

[ 50.55, 7.32 , 1587473.93 ]]

HTML/JavaScript的

var xmlhttp = new XMLHttpRequest();

var url = "file.json";

xmlhttp.onreadystatechange = function() {

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

var myArr = JSON.parse(xmlhttp.responseText);

myFunction(myArr);

}

xmlhttp.open("GET", url, true);

xmlhttp.send();

function myFunction(arr) {

var out = "

var i;

for(i = 0; i < arr.length; i++) {

out += "

for (j = 0; j < 3; j++) {

out += "

"+arr[i][j]+"";

}

out += "

}

out += "

document.getElementById("JSONtable").innerHTML = out;

}

html读取本地json数据库,用Javascript读取本地JSON到HTML相关推荐

html js引用本地资源,了解使用JavaScript读取本地文件的方法
本篇文章给大家介绍一下使用JavaScript读取本地文件的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 出于安全和隐私的原因,web应用程序不能直接访问用户设备上的文件.如 ...
chrome js 读取文件夹_使用JavaScript遍历本地文件夹的文件
This blog is written based on Chrome 45.0.2454.85 m. In HTML5 there is one additional attribute avai ...
python读取excel写入数据库_python实现读取excel写入mysql的小工具详解
Python是数据分析的强大利器利用Python做数据分析,第一步就是学习如何读取日常工作中产生各种excel报表并存入数据中,方便后续数据处理. 这里向大家分享python如何读取excel,并使 ...
python读取excel列数据库_python中读取excel数据库
{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...
html json to table,javascript - HTML - Convert json to table - Stack Overflow
I'm trying to convert JSON to a table, but it doesn't. Everything seems fine, but I cannot see the v ...
windows忘记本地pg数据库密码，修改本地pg数据库密码
PostGreSql工作笔记004-PostGreSql修改密码_windows和linux下修改一.修改pg的配置文件,重启数据库服务,免密登陆数据库 1.编辑修改文件 pg_hba.conf I ...
javascript基础之 json
1,json是用于存储和传输的数据格式全称:JSON 英文全称 JavaScript Object Notation json转化为javascript的规则: 数据为键/值对. 数据由逗号分隔 ...
JSON—JavaScript中的JSON
JSON的数据格式 JavaScript中的JSON 1.JavaScript与JSON JSON是一种语法,用来序列化对象.数组.数值.字符串.布尔值 null.他基于JavaScript语法,但与 ...
c语言json结构体_C语言：json库使用学习
Json基础一.Json的概念 Json(Javascript Object Notation)全称为JavaScript对象表示法,是一种轻量级的数据交换格式,采用完全独立于语言的文本格式.JSO ...
JavaScript读取本地json文件方式
JavaScript读取本地文件方式: 假如有本地文件:authors.json 内容为: [ {"name": "Kwan-Liu Ma","num ...

html读取本地json数据库,用Javascript读取本地JSON到HTML

html读取本地json数据库,用Javascript读取本地JSON到HTML相关推荐

最新文章

热门文章