ajax部分
/*=============ajax初步認識=====================*/
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
window.onload = init;
function init() {
var btn = document.getElementById("getData");
btn.onclick = getData;
}
function getData() {
//1、創建XMLHttpRequest對象
//var xhr = new XMLHttpRequest();
//通過createXmlHttpRequest來屏蔽不同瀏覽器之間的對象創建
var xhr = createXmlHttpRequest();
//2、檢測XMLHttpRequest對象的狀態，在合適的時候處理
//通過xhr.open方法確定要訪問的頁面
//第一個參數表示請求類型，第二個參數表示提交的地址，第三個參數表示是否是異步
xhr.open("GET","ajax.do",true);
//在onreadstatechange事件中處理請求
xhr.onreadystatechange = function() {
//onreadystatechange會在每個步驟都進行響應 ，一般僅僅只是在狀態為4(請求結束)並且status=200(請求沒有錯誤)時才處理
if(xhr.readyState==4&&xhr.status==200) {
//獲取相應的文本:通過xhr的responseText可以獲取文本信息，包括xml的標簽
//通過responseXML可以獲取xml的信息，只能xml對象
document.getElementById("serverData").innerHTML = xhr.responseText;
}
}
//3、發送請求
//發送請求，send中可以傳入相應的參數，這個參數只有在POST請求的時候有效
//GET的參數直接在請求地址中通過？來傳遞
xhr.send();
}
function createXmlHttpRequest() {
if(window.XMLHttpRequest) {
//針對其他主流瀏覽器
return new XMLHttpRequest();
} else if(window.ActiveXObject) {
//針對IE5和IE6
return new ActiveXObject("Microsoft.XMLHTTP");
} else {
alert("你使用的瀏覽器不支持XMLHttpRequest，請換一個瀏覽器再試！");
return null;
}
}
</script>
</head>
<body>
<input type="button" value="獲取數據" id="getData"/>
<div id="serverData"></div>
</body>
</html>
/**========ajax返回xml格式==========*/
ajax部分