Ajax學習日記一

  瞭解A jax基本概念.簡單流程如下:

<!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>
    <title>Simple XMLHttpRequest</title>
    <script type = "text/javascript">
    var xmlHttp;
    function createXMLHttpRequest()
    {
          if (window.ActiveXObject) {  
             xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
          }
          else
          {
             xmlHttp = new XMLHttpRequest();
          }
         
    }
    function startRequest()
    {
       createXMLHttpRequest();
       xmlHttp.onreadystatechange = handleStateChange;
       xmlHttp.open("GET","simpleResponse.xml",true);
       xmlHttp.send(null);
    }
    function handleStateChange()
    {
       if(xmlHttp.readyState == 4)
       {
          if(xmlHttp.status == 200)
          {
            alert("The server replied with: " + xmlHttp.responseText);
          }
       }
    }
 
    </script>
</head>
<body>
   <form action = "#">
      <input type = "button"  value = "Start Basic Asynchronous Request" onclick = "startRequest();" />
     
   </form>
</body>
</html>
 

瞭解Ajax中最基本的對象:XMLRequest的方法和屬性,如:

  open('method','url');

  send();

  responseText;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章