JavaScript读取本地json文件方式

简介: JavaScript读取本地json文件方式

JavaScript读取本地文件方式:

假如有本地文件:authors.json

内容为:

[
{
  "name": "Kwan-Liu Ma",
  "num": 356
}, 
{
  "name": "Huamin Qu",
  "num": 241
}, 
{
  "name": "Wei Chen",
  "num": 585
}, 
{
  "name": "Shixia Liu",
  "num": 120
}, 
{
  "name": "Xiaoru Yuan",
  "num": 120
},
{
  "name": "Yingcai Wu",
  "num": 91
}
]

目前已掌握两种方式读进代码里:

1、引入jQuery

<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
$.get('./authors.json', function (data) {
//读进了data变量中
//接下来用到data的代码必须全部在此函数内部进行
})

2、 本人学过D3.js库,里面有一个函数可将文件读进代码

     引入d3.j

<script src="http://d3js.org/d3.v3.js"></script>
d3.json("authors.json", function(error, authordata) {
   if(error) console.error(error);
    //读进了authordata变量
    //接下来用到authordata的代码必须全部在此函数内部进行
});
相关文章
|
3天前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
25 0
|
3天前
|
JavaScript 前端开发 网络安全
【网络安全 | 信息收集】JS文件信息收集工具LinkFinder安装使用教程
【网络安全 | 信息收集】JS文件信息收集工具LinkFinder安装使用教程
16 4
|
3天前
|
JavaScript 前端开发 UED
在 JavaScript 中,异步编程和回调函数是处理非阻塞操作(如网络请求、文件读写等)的重要工具
【5月更文挑战第10天】JavaScript中的异步编程和回调函数用于处理非阻塞操作,提高应用响应性和吞吐量。异步编程通过回调函数、Promises和async/await等方式实现,避免程序因等待操作完成而阻塞。回调函数是异步操作完成后调用的函数,常用于处理网络请求等。然而,回调函数存在嵌套问题和错误处理困难,因此出现了Promises和async/await等更优解决方案。
13 3
|
1天前
|
JSON 前端开发 JavaScript
前端 JS 经典:JSON 对象
前端 JS 经典:JSON 对象
7 0
|
1天前
|
JSON JavaScript 前端开发
js将json字符串还原为json对象
【5月更文挑战第14天】js将json字符串还原为json对象
13 1
|
2天前
|
JSON 前端开发 JavaScript
jQuery ajax读取本地json文件 三级联动下拉框
jQuery ajax读取本地json文件 三级联动下拉框
|
3天前
|
Web App开发 前端开发 JavaScript
在 Chrome 开发者工具里配置哪些类型的 JavaScript 文件应该被调试器忽略
在 Chrome 开发者工具里配置哪些类型的 JavaScript 文件应该被调试器忽略
6 0
|
3天前
|
JavaScript 前端开发 开发者
.js 文件和 .mjs 文件的区别
.js 文件和 .mjs 文件的区别
18 0
|
3天前
|
安全 JavaScript 前端开发
Angular 配置文件 tsconfig.lib.json 里的 strictTemplates 选型
Angular 配置文件 tsconfig.lib.json 里的 strictTemplates 选型
8 0
|
3天前
|
Web App开发 存储 JSON
Chrome插件开发(一)—manifest.json文件介绍
Chrome插件开发(一)—manifest.json文件介绍
10 0