JSON案例 - W3xue在线HTML/CSS/JS运行工具

​x
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3xue教程(w3xue.com)</title>
</head>
<body>
​
<h2>使用 XMLHttpRequest 来获取文件内容</h2>
<p>文件内容是标准的 JSON 格式，可以使用 JSON.parse 方法将其转换为 JavaScript 对象。</p>
​
<p id="demo"></p>
​
<script>
​
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        myObj = JSON.parse(this.responseText);
        document.getElementById("demo").innerHTML = myObj.name;
    }
};
xmlhttp.open("GET", "/jsjq/json/json_demo.txt", true);
xmlhttp.send();
​
</script>
​
<p>查看 JSON 文件数据 <a href="/jsjq/json/json_demo.txt" target="_blank">json_demo.txt</a></p>
​
</body>
</html>