Ajax实现Javascript加载.json文件

最新推荐文章于 2022-01-11 18:05:37 发布

我要努力学习呀

最新推荐文章于 2022-01-11 18:05:37 发布

阅读量298

点赞数

分类专栏： Json Ajax 文章标签： Json

本文链接：https://blog.csdn.net/qq_41847677/article/details/100905688

版权

Ajax 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

Json

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p id="p1"></p>
	</body>
	<script type="text/javascript">
		var xhttp = new XMLHttpRequest();
		xhttp.onreadystatechange = function(){
				if(this.readyState == 4 && this.status == 200){
					var mydata = JSON.parse(xhttp.responseText);
					document.getElementById("p1").innerHTML = mydata.name;
				}
			}
			xhttp.open("get","data.json",true);
			xhttp.send();
	</script>
</html>

data.json

{
	"name":"ccc"
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我要努力学习呀

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Ajax实现Javascript加载.json文件

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p id="p1"></p> </body> <script type...
复制链接

扫一扫