06 js 读取 json 文件

Posted heteng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了06 js 读取 json 文件相关的知识,希望对你有一定的参考价值。

创建一个json

[
{
"name":"abc",
"sex":"old",
},
{
"name":"cbd",
"sex":"old",
},
{
"name":"bbs",
"sex":"beatiful",
}
]

js对json进行读取

window.onload = function () {
var url = "demo.json"/*json文件url,本地的就写本地的位置,如果是服务器的就写服务器的路径*/
var request = new XMLHttpRequest();
request.open("get", url);/*设置请求方法与路径*/
request.send(null);/*不发送数据到服务器*/
request.onload = function () {/*XHR对象获取到返回信息后执行*/
if (request.status == 200) {/*返回状态为200,即为数据获取成功*/
var json = JSON.parse(request.responseText);
for(var i=0;i<json.length;i++){
console.log(json[i].name);
}
console.log(json);
}
}
}

ajax利用get也可以进行读取

 


$.ajax({
url: "demo.json",//json文件位置,文件名
type: "GET",//请求方式为get
dataType: "json", //返回数据格式为json
success: function(data) {//请求成功完成后要执行的方法
//给info赋值给定义好的变量
var pageData=data;
for(var i=0;i<data.length;i++){
console.log(pageData[i].name);
}
}
})

以上是关于06 js 读取 json 文件的主要内容,如果未能解决你的问题,请参考以下文章

js 读取 json文件

Android读取本地json文件的方法

javascript如何读取本地json文件

js元素没设置height,就无法读取高度吗

vite2 读取json文件的几种方法

JS动态加载JSON文件并读取数据