AJAX · FA+Ecloud互聯網應用開發平臺綜合技術入門指南(READ)

## 一、概述基本步驟與其他語言對ajax支持沒有什么差異； * 創建 XMLHttpRequest 對象 * 創建在服務器響應就緒時執行的函數 * 向服務器上的文件發送請求 * 執行響應結果 ## 二、實例 ~~~ <html> <head> <script> function showHint(str) { ????if (str.length==0) ????{ ????????document.getElementById("txtHint").innerHTML=""; ????????return; ????} ????if (window.XMLHttpRequest) ????{ ????????// IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執行的代碼 ????????xmlhttp=new XMLHttpRequest(); ????} ????else ????{???? ????????//IE6, IE5 瀏覽器執行的代碼 ????????xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); ????} ????xmlhttp.onreadystatechange=function() ????{ ????????if (xmlhttp.readyState==4 && xmlhttp.status==200) ????????{ ????????????document.getElementById("txtHint").innerHTML=xmlhttp.responseText; ????????} ????} ????xmlhttp.open("GET","gethint.php?q="+str,true); ????xmlhttp.send(); } </script> </head> <body> <p><b>在輸入框中輸入一個姓名:</b></p> <form> 姓名: <input type="text" onkeyup="showHint(this.value)"> </form> <p>返回值: <span id="txtHint"></span></p> </body> </html> ~~~