zoukankan      html  css  js  c++  java
  • JSON异步及跨域

    <!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技术",
    		"跑步",
    		"健身",
    		"天文学",
    		"音乐"
    	]
    }


     

  • 相关阅读:
    微信小程序传值
    tp查询中2个表格中字段,比较大小
    isNaN与parseInt/parseFloat
    编程技巧之表格驱动编程
    RGB
    矩形重叠检测。
    经验搜索排名---google已经做过类似的了(我想多了)
    有关编程语言的认识
    Nodepad++ 资料整理
    lower()
  • 原文地址:https://www.cnblogs.com/zhengwenqiang/p/6804628.html
Copyright © 2011-2022 走看看