JavaScript原生读取json文件

当我们在日常写代码时，经常能遇到读取本地或服务器的json文件，如果你是菜鸟，不会复杂地配置服务器，也不懂得Ajax技术，我建议你用以下方式。

我们都知道，js用Ajax读取文件会涉及到跨域问题，如果你没有服务器，我劝你别弄了。在H5中，有a img audio script link 等标签不涉及跨域，我们今天就用script读取“json”

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>读取json</title><script>var scr=document.createElement("script");scr.src="1.json"document.head.appendChild(scr);</script></head><body><script>document.body.onload=function(){document.body.innerText=index.tit+" "+index.name+" "+index.age;}</script></body>
</html>

1.json文件

var index={
tit:"hello",
name:"world",
age:"daniu",
url:""
}

说实话，其实这和外部引用js文件没啥区别

注意：

1.必须按照本文代码顺序，一定不能在body中创建script标签

2.如果是直接显示的文字，必须用document.body.οnlοad=function(){} 防止没加载到文件报错的问题。

3.json文件需要写成js对象或json形式

JavaScript原生读取json文件相关推荐

新手如何使用JavaScript读取json文件 v2.0
前言 3年前,我在纯小白时期写的一篇文章:新手如何使用JavaScript读取json文件至今仍时常有小伙伴点击. 如今自己在此知识领域已经有所成长,故重写一篇更高质量,更有帮助的文章,希望更有效的 ...
《机器学习与数据科学（基于R的统计学习方法）》——2.8　读取JSON文件
本节书摘来异步社区<机器学习与数据科学(基于R的统计学习方法)>一书中的第2章,第2.8节,作者:[美]Daniel D. Gutierrez(古铁雷斯),更多章节内容可以访问云栖社区&q ...
本地服务器json文件,从本地ftp服务器读取Json文件
我是存储在本地服务器中的名为File1.js的json文件.我想读取json文件的内容,并希望在其他文件中显示数据.我已经尝试使用JavaScript编码,但它不能正常工作.从本地ftp服务器读取Js ...
Java 读取 JSON 文件转成 Map 对象
Java 读取 JSON 文件转成 Map 对象应用场景待读取的外部 JSON 文件 Java 代码读取结果 Gson 应用场景 Jar 包或 War 包引用一个外部文件作为项目运行的配置文件 ...
netcore读取json文件_.net core读取json格式的配置文件
在.Net Framework中,配置文件一般采用的是XML格式的,.NET Framework提供了专门的ConfigurationManager来读取配置文件的内容,.net core中推荐使用j ...
R读取json文件并转化为dataframe
R读取json文件并转化为dataframe 目录 R读取json文件并转化为dataframe R读取json文件把json转为dataframe
cocos2d-x之读取json文件
cocos2d-x之读取json文件在resource文件夹下,添加data.json文件新建->Other->empty->open 就新建一个json文件了, data.js ...
python读取json配置文件_Python简单读取json文件功能示例
本文实例讲述了Python简单读取json文件功能.分享给大家供大家参考,具体如下: read_json.json: { "rule":{ "namespace" ...
java spark 读取json_apache-spark - 与aws-java-sdk链接时，在读取json文件时发生Spark崩溃 - 堆栈内存溢出...
让config.json成为一个小的json文件: { "toto": 1 } 我做了一个简单的代码,用sc.textFile读取json文件(因为文件可以在S3,本地或HDFS上 ...

JavaScript原生读取json文件

1.json文件

注意：

JavaScript原生读取json文件相关推荐

最新文章

热门文章