Ajax是瀏覽器端的異步刷新。只是局部更新。使得網絡慢的時候用戶不會等太久。
步驟(例子):
- <title>首頁</title>
- </head>
- <script type="text/javascript">
- function dizhi(){
- var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
- xmlHttp.open("GET","ajax1.jsp","true");
- xmlHttp.onreadystatechange = function(){
- if(xmlHttp.readyState == 4){
- div1.innerHTML = xmlHttp.responseText;
- }
- }
- alert(xmlHttp.readyState);
- xmlHttp.send();
- }
- </script>
- <body>
- 歡迎來到重慶文理學院
- <input type="button" value="學校地址" onclick="dizhi()">
- <div id="div1"></div>
步驟:
1:var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
//IE瀏覽器實例化 "Msxml2.XMLHTTP"對象
2:xmlHttp.open("GET","ajax1.jsp","true");
//異步提交的目標和方法
3:xmlHttp.onreadystatechange() = function(){
//xmlHttp狀態改變時,進行處理代碼
4: if(xmlHttp.readyState==4){
//xmlHttp.readyState 有0~4 5種狀態
0:未初始化狀態,未調用open()
1:已經初始化狀態,已經調用open()
2:發送數據狀態,調用send()以後
3:數據傳送中狀態,已經接受部分,但是沒有接受完成
4:完成狀態,數據接受完成
div1.innerHTML = xmlHttp.responseText;
//xmlHttp.responseText 是從目標提取出來的文本內容
}
5:xmlHttp.send();
}