JSON异步及跨域

    xiaoxiao2021-03-26  8

    <!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://ju.6miu.com/read-649993.html

    最新回复(0)