HTML引用外部json文件

我是在hubuilder里试的，先是新建data.json文件。里面写上内容。其中var dataFromJSON是为了方便引用。

var dataFromJSON = {
               "text":"外部json",
               "iconCls":"fa fa-wpforms",
               "state":"open",
               "children":[{
                   "section_id":1,
                   "text":"第一节”
           },{
                   "text":"第二节"
                   }]
           }

在页面添加如下引用，之后就能在此页面使用dataFromJSON数据，

console.log(dataFromJSON)

但是在idea里新建的json文件，不能用这种方法，不能给json文件里的数据定义名称,所以换成用ajax，要注意通过这种的json，会在数组元素里的前面加上序号，作为其key值，这样处理起来会有些麻烦。

$.ajax({type : "GET",//使用get请求请求正确url : "data..json",dataType:"json",//data:success : function(data) {console.log("data: "+ JSON.stringify(data[0]))},error : function() {alert("请求失败")}
})

HTML引用外部json文件相关推荐

Angular7中引用外部JS文件
Angular7中引用外部JS文件,步骤如下: 1. 将引入的js文件放到项目的src/assets下 2. 在angular.json文件中找到scripts项并配置js文件的相对路径 3. 在sr ...
ajax如何请求json文件,简单的ajax请求加载外部json文件
我在学习ajax ....我试图从json文件发出一个基本请求,它与我的index.html位于同一个文件夹中,但由于某种原因它说未定义:(我可以看到错误是可变的人,但我不能赶上为什么它未定义.... ...
实验12：引用外部属性文件★（spring管理连接池）；
实验12:引用外部属性文件★ dbconfig.properties 文件
html引用外部css文件（使用绝对路径）
html代码引用外部css文件时若css文件在本文件的父目录下的其他目录下,可使用绝对路径.此时路径要写为 " /... "形式,如在tomcat下建立一个test文件,在该文件 ...
Jmeter引用外部Java文件的三种方式
首先,我们来了解一下Jmeter引用外部Java文件的应用场景:说一个最常见的场景,比如做接口测试时,登录接口密码为加密传输,加密的算法由后端开发提供,只要后端开发语言是Java,那么他提供给你的加密 ...
js引用本地json文件
1.想要制作一个省市区的地址选择,需要在本地引入json文件 $.getJSON('/web4/product/oa/CommercialManage/area.json',data=>{thi ...
【微信小程序】——wxss引用外部CSS文件及iconfont
小程序引入外部文件的方式是:@import "*/*.wxss"; 因为业务需要,正在开发的小程序中需要使用iconfont,很容易想到了H5的引入方式: ```` @font-f ...
HTML文档引用外部js文件失效问题
一:首先应该明确的几个问题: 1.在HTML中,使用JavaScript脚本代码的三种方式 (1)在script元素定义,其间的脚本代码在文档加载后顺序执行,并且执行一次. (2)脚本代码可以定义在内 ...
A66 TP5.0 html 引用外部js文件无效
切记,在tp5.0 中要将js 文件放置到public/static中,而且要将public 文件夹的属性设置为777,否则因为无法访问文件将导致js无效查看全文 http://www.taodu ...

HTML引用外部json文件

HTML引用外部json文件相关推荐

最新文章

热门文章