一、介紹：
Ⅰ. 連線方法：
1. XMLHttpRequest()為非 IE 用，方法：var request = new XMLHttpRequest();
2. ActiveXObject("Microsoft.XMLHTTP")為 IE 所用，方法：var axob=new ActiveXObject("Microsoft.XMLHTTP");
Ⅱ. 載入方法：
1. 載入頁面時執行如下：
request.onload = function() {
//執行內容
}
2. 就緒狀態變更後執行如下：
request.onreadystatechange =function(){
//執行內容
}
二、程式範例：
1. 說明：today.json 為 JSON 檔案
2. 內容：
{
"id":"1",
"name":"你好嗎"
}
3. HTML 語法：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>讀取 JSON 資料的方法</title>
<script language="javascript">
var rURL = 'today.json';
var request = new XMLHttpRequest();
request.open('GET',rURL,true);
request.send();
request.onload = function() {
var superHeroes = request.response;
populateHeader(superHeroes);
}
function populateHeader(jsonObj) {
var obj = JSON.parse(jsonObj);
//var myH1 = document.createElement('h1');
var myH1 = document.getElementById("title01");
myH1.textContent = obj.name;
}
</script>
</head>
<body>
<h1 id="title01">這是版面 H1 標籤的內容</h1>
</body>
</html>
留言列表
系統 (1)
