標籤:innertext xmlhttp href cti active soft res 對象 asc
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title></title> 6 <script type="text/javascript"> 7 /** 8 *建立XMLHttpRequest對象 9 */10 function createXhr() {11 var xhr = null;12 if (window.XMLHttpRequest) {13 xhr = new XMLHttpRequest();14 }15 else {16 xhr = new ActiveXObject("Microsoft.XMLHttp");17 }18 return xhr;19 }20 21 function testXHR() {22 var xhr = createXhr();23 window.alert(xhr);24 }25 26 function getServerTest() {27 //擷取xhr對象28 var xhr = createXhr();29 //建立請求30 xhr.open("get", "ajax.ashx", true);31 //設定回呼函數32 xhr.onreadystatechange = function () {33 if (xhr.readyState == 4 && xhr.status == 200) {34 //伺服器已正常處理請求 並正確響應資料到用戶端35 var resText = xhr.responseText;36 document.getElementById("hh").innerText = resText;37 }38 }39 //4.發送請求40 xhr.send(null);41 }42 </script>43 </head>44 <body>45 <input type="button" value="Test Xhr" onclick="testXHR()">46 <h2 id="hh"></h2>47 <a href="javascript:getServerTest()">提交資料</a>48 </body>49 </html>
用純XMLHttpRequest實現AJAX