06 js 读取 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 文件
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31772.html