html5如何引入json文件

 时间:2024-10-11 18:44:28

1、先看下我们的json文件,很简单,一个对象里有name属性和site属性,site是一个数组。

html5如何引入json文件

2、如果要在html里直接引入,我们可以用script脚本的方式来引入这个json文件。

html5如何引入json文件

3、但这样引入,会有一些脚本上的小错误。就算没有错误,这样算是一个隐性的变量,我们是无从访问到这个json的数据的。

html5如何引入json文件

4、所以如果非要用直接引入的方法来引用json文件,我们需要在json文件前加上一个变量,如图。

html5如何引入json文件

5、这样刷新页面后,就不会再报错了。

html5如何引入json文件

6、而且我们可以看到脚本里多了一个变量,bd,就是这个json的数据。

html5如何引入json文件

7、我们可以通过这个变量来访问json里的数据。比如: bd.site

html5如何引入json文件
  • 怎么在myeclipse里查看jar包的源代码
  • 如何使div中文本与输入框不换行
  • 如何用Visual Studio创建Excel文件?
  • 如何在powerdesigner模型中增加任意文字说明?
  • 图解Navicat删除数据库、备份/还原和导出导入
  • 热门搜索
    元宵节的手抄报 寒假手抄报 禁毒手抄报图片 劳动手抄报简单又漂亮 感恩的手抄报 关于清明节手抄报 心理健康手抄报图片 关于国庆节的手抄报 小学生手抄报图片 我爱我家手抄报