9. Ajax 教學
電腦中的路徑:桌面\www\網頁檔案
對應的網址:http://127.0.0.1:1127/網頁檔案
主頁 http://127.0.0.1:1127/page.htm
資料頁 http://127.0.0.1:1127/popular.htm
資料頁 http://127.0.0.1:1127/latest.htm
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"></meta>
<title>Ajax 教學</title>
<script type="text/javascript">
//alert("hello");
function getData(pageName){
// Ajax:XMLHttpRequest 物件專門用來和伺服器做連綫
var req = new XMLHttpRequest();
// 連綫的方法get,連綫的網址
req.open("get","http://127.0.0.1:1127/" + pageName);
// 利用load事件,偵測連綫的狀態結束
req.onload = function(){
var content = document.getElementById("content");
// 連綫完成 做連綫後的處理 (取得伺服器的回應responseText)
content.innerHTML = this.responseText;
}
req.send(); // 送出連綫
}
</script>
</head>
<!-- 網頁初始化 首頁的顯示 -->
<body onload="getData('popular.htm');">
<div>
<button onclick="getData('popular.htm');">florencekwok1</button>
<button onclick="getData('latest.htm');">florencekwok2</button>
</div>
<hr />
<div id = "content"></div>
</body>
</html>