JSON异步及跨域

最新推荐文章于 2023-05-31 17:50:51 发布

weixin_30512785

最新推荐文章于 2023-05-31 17:50:51 发布

阅读量78

点赞数

原文链接：http://www.cnblogs.com/zhengwenqiang/p/6804628.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>xml</title>
</head>
<body>
	<div id="div"></div>
	<script type="text/javascript">
		var myXmlHttpRequest = new XMLHttpRequest();
		var url="/app/json/a.json";
		/*
			O 表示未发送，open()函数还没执行。
			1 表示已发送，send()函数还没执行。
			2 send函数已执行，头部和状态吗都可以获取了。
			3 头部已收到，但响应体在解析中。
			4 表示请求已完成，包括响应头和响应体的内容已经接收到了。
			客户端跨域的XMLHttpRequest需要服务端的支持来保证JSON资源请求成功。
			服务器端在响应头加上带有Access-Control-Allow前缀的属性为跨域资源共享提供支持。
			CORS（Cross-Origin Resource Sharing）使得跨域资源共享的同时还可以禁止某些域名访问。
		*/
		myXmlHttpRequest.onreadystatechange = function(){
			if(myXmlHttpRequest.readyState===4&&myXmlHttpRequest.status===200){
				var myObject = JSON.parse(myXmlHttpRequest.responseText);
				var myJSON = JSON.stringify(myObject);
				var div = document.getElementById("div");
				div.innerHTML = myJSON;
			}
		}
		myXmlHttpRequest.open("GET",url,true);
		myXmlHttpRequest.send();
	</script>
</body>
</html>

JSON ： app/json/a.json

{
	"name":"码农007",
	"addr":"北京海淀",
	"工作":"程序员",
	"hobby":[
		"IT技术",
		"跑步",
		"健身",
		"天文学",
		"音乐"
	]
}

转载于:https://www.cnblogs.com/zhengwenqiang/p/6804628.html

weixin_30512785

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JSON异步及跨域

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>xml</title></head><body> <div id="div"></div> <script...
复制链接

扫一扫