標籤：.com table for sof lang 類型 cti 4.0 port
AJAX = Asychroous JavaScript and XML(非同步Javascript and xml)
ajax並不是新的程式設計語言，而是一種使用現有標準的新方法。
ajax是與伺服器交換資料並更新部分網頁的藝術，在不重載整個頁面的情況下
有很多使用 AJAX 的應用程式案例：新浪微博、Google 地圖、開心網等等。
XMLHttpRequest是Ajax的基礎：
所有現代瀏覽器均支援 XMLHttpRequest 對象（IE5 和 IE6 使用 ActiveXObject）。
XMLHttpRequest 用於在後台與伺服器交換資料。這意味著可以在不重新載入整個網頁的情況下，對網頁的某部分進行更新。
建立 XMLHttpRequest 對象所有現代瀏覽器（IE7+、Firefox、Chrome、Safari 以及 Opera）均內建 XMLHttpRequest 對象。
建立 XMLHttpRequest 對象的文法：variable=new XMLHttpRequest();老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 對象：
variable=new ActiveXObject("Microsoft.XMLHTTP");
為了應對所有的現代瀏覽器，包括 IE5 和 IE6，請檢查瀏覽器是否支援 XMLHttpRequest 對象。如果支援，則建立 XMLHttpRequest 對象。如果不支援，則建立 ActiveXObject ：
var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
xmlhttp.open("GET","test1.txt",true);//規定請求類型xmlhttp.send();//發送請求
| 方法 | 描述 |
|---|---|
| open(method,url,async) | 規定請求的類型、URL 以及是否非同步處理請求。
|
| send(string) | 將請求發送到伺服器。
|
伺服器響應
如需獲得來自伺服器的響應，請使用 XMLHttpRequest 對象的 responseText 或 responseXML 屬性。
| 屬性 | 描述 |
|---|---|
| responseText | 獲得字串形式的響應資料。 |
| responseXML | 獲得 XML 形式的響應資料。 |
如果來自伺服器的響應並非 XML，請使用 responseText 屬性。
responseText 屬性返回字串形式的響應，因此您可以這樣使用：
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
1 <%@ page language="java" import="java.util.*" contentType="text/html; charset=ISO-8859-1" 2 pageEncoding="ISO-8859-1"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 7 <title>Insert title here</title> 8 <script type="text/javascript"> 9 function loadXMLDoc(){10 var xmlhttp;11 if(window.XMLHttpRequest){12 xmlhttp = new XMLHttpRequest();13 }else{14 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");15 }16 xmlhttp.onreadystatechange = function(){17 if(xmlhttp.readyState==4 && xmlhttp.status==200){18 document.getElementById("myDiv").innerHTML = xmlhttp.responseText();19 }20 }21 xmlhttp.open("GET","test.txt",true);22 xmlhttp.send();23 }24 </script>25 </head>26 <body>27 <div id="myDiv"><h2>Let Ajax change this text</h2></div>28 <button type="button" onclick="loadXMLDoc()">click here</button>29 </body>30 </html>responseXML 屬性
如果來自伺服器的響應是 XML，而且需要作為 XML 對象進行解析，請使用 responseXML 屬性：
請求 books.xml 檔案，並解析響應：
xmlDoc=xmlhttp.responseXML;txt="";x=xmlDoc.getElementsByTagName("ARTIST");for (i=0;i<x.length;i++) { txt=txt + x[i].childNodes[0].nodeValue + "<br />"; }document.getElementById("myDiv").innerHTML=txt;onreadystatechange 事件
當請求被發送到伺服器時，我們需要執行一些基於響應的任務。
每當 readyState 改變時，就會觸發 onreadystatechange 事件。
readyState 屬性存有 XMLHttpRequest 的狀態資訊。
下面是 XMLHttpRequest 對象的三個重要的屬性：
| 屬性 | 描述 |
|---|---|
| onreadystatechange | 儲存函數（或函數名），每當 readyState 屬性改變時，就會調用該函數。 |
| readyState | 存有 XMLHttpRequest 的狀態。從 0 到 4 發生變化。
|
| status | 200: "OK" 404: 未找到頁面 |
在 onreadystatechange 事件中，我們規定當伺服器響應已做好被處理的準備時所執行的任務。
當 readyState 等於 4 且狀態為 200 時，表示響應已就緒：
xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } }
Ajax 簡介 及 簡單使用
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
