06 js 读取 json 文件

Posted 2021-03-16 heteng

创建一个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);
}
}
})