方法1
1 .首先创建json文件。 demo.json
[
{
' name': '欢乐的小蝴蝶'，
' sex': '男人'，
' email':'zhangsan@123.com '
(，
{
' name':'xxdxc '，
' sex': '男人'，
' email':'lisi@123.com '
(，
{
' name':'kkdpj '是，
' sex': '女人'，
' email':'wangwu@123.com '
}
]
2.js读取json文件
window.onload=function (
var url='demo.json'/*json文件url，本地为本地位置，服务器路径*/
var request=new XMLHttpRequest (；
request.open('get '，url； /*请求方法和路径设置*
request.send (空； /*不向服务器发送数据*
request.onload=function () {/*XHR对象在获取返回信息后返回(/
if(request.status==200 ) ()返回状态为200时，数据获取成功(/
var JSON=JSON.parse (request.responsetext；
for(varI=0； I
控制台. log (JSON [ I ].name；
}
控制台. log (JSON；
}
}
}
方法2
通过ajax获取json
var Ajax=function (
{
$.getJSON(demo.JSON )，function ) (data ) )。
{
$.each (数据，功能(I ) (I，item ) ) ) ) )。
{
控制台. log (item.name )；
)；
)；
()；
$.Ajax({ ()
url: 'demo.json '，//json文件的位置，文件名
类型： ' get '，//请求方式为get
dataType: 'json '，//返回数据格式为json
如何在成功完成success:function(data )//请求后执行
为info分配预定义的变量
var pageData=data；
for(varI=0； I
console.log(PageData[I].name；
}
}
() )
方法3
工程开发时(webpack/parcel )等，可以通过import导入
import xx from 'xxx.json '
//文件后缀可以省略，例如
import xx from 'xxx '
————————————————
这是CSDN博客“ClearLoveQ”的原创文章，符合CC 4.0 BY-SA版权协议。 请附上原文来源的链接和本声明。
原文链接： https://blog.csdn.net/clear loveq/article/details/90480207