JavaScript读取json文件

最新推荐文章于 2024-08-16 16:27:09 发布

星空你好

最新推荐文章于 2024-08-16 16:27:09 发布

阅读量1.6k

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/xingkongtianyuzhao/article/details/102979704

版权

web前端专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
	<script type="text/javascript">
		window.onload=function(){
			var requestUrl='ids.json';
			var request = new XMLHttpRequest();
			request.open('GET',requestUrl);
			request.responseType='text';
			request.send();
			request.onload=function(){
				var idsText=request.response;
				var ids=JSON.parse(idsText);
				console.log('输出数组元素：');
				ids.forEach(function(item,index){
					console.log(index+":"+item);
				})
			}
		};
		
	</script>
</html>

ids.json:

[
    "11",
    "22",
    "33",
	"44",
	"55"
]

//加上错误处理

try{
			window.onload=function(){
				var requestUrl='ids.json';
				var request = new XMLHttpRequest();
				request.open('GET',requestUrl);
				request.responseType='text';
				request.send();
				request.onload=function(){
					var idsText=request.response;
					var ids=JSON.parse(idsText);
					console.log('输出数组元素：');
					ids.forEach(function(item,index){
						console.log(index+":"+item);
					})
				}
			};
		}catch(e){
			
		}
		console.log('I can run here');