index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>異步請求</title>
<script type="text/javascript" language="javascript">
var xmlHttp;
//創建XMLHttpRequest對象
function createXmlHttpRequest()
{
if(window.ActiveXObject)//判斷瀏覽器是否是IE並且支持XMLHttpRequest
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)//判斷瀏覽器是否支持XMLHttpRequest對象
{
xmlHttp = new XMLHttpRequest();
}
}
function startRequest()
{
createXmlHttpRequest();
xmlHttp.onreadyStatechange = readyStatechangeHandle;//實現讀取服務器狀態函數
xmlHttp.open("POST","Hello World.xml",true);//設置如何讀取服務器
xmlHttp.send(null);//向服務器發送請求
}
function readyStateChangeHandle()
{
//判斷讀取服務器狀態
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
//得到頁面中的Div
var div = document.getElementById("divHelloWorld");
//接收服務器響應的XML文檔
var xmlDoc = xmlHttp.responseXML;
//解析服務器性贏得XML文檔
var date = xmlDoc.getElementsByTagName("data"[0].firstChild.nodeValue);
div.innerHTML="<b>"+data+"</b>";//將服務器數據填入Div中
}
}
}
</script>
</head>
<body>
<div align="center" id="divHelloWorld" style="width:100%"></div>
<div align="center" style="width:100%">
<input type="button" value="Hello World" id="btnRequest" οnclick="startRequest()"/>
</div>
</body>
</html>
xml文件
<?xml version="1.0" encoding="utf-8"?>
<HelloWorld>
<data>
Hello World
</data>
</HelloWorld>