DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 基於ajax異步請求的實現
基於ajax異步請求的實現
編輯:AJAX詳解     
<script>  
  //設一個變量  
  var XMLHttpReq=false;
   //創建一個XMLHttpRequest對象
   function createXMLHttpRequest(){
     if(window.XMLHttpRequest){ //Mozilla
      XMLHttpReq=new XMLHttpRequest();
      }
      else if(window.ActiveXObject){
       try{
        XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");
        }catch(e){
         try{
          XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
          }catch(e){}
          }
         }
        }
   //發送請求函數
   function send(url){
    createXMLHttpRequest();
    XMLHttpReq.open("GET",url,true);
    XMLHttpReq.onreadystatechange=proce;   //指定響應的函數
    XMLHttpReq.send(null);  //發送請求
    }
   function proce(){
    if(XMLHttpReq.readyState==4){ //對象狀態
     if(XMLHttpReq.status==200){//信息已成功返回,開始處理信息
     var res=XMLHttpReq.responseText;
    document.getElementById("info").innerHtml = res;
     //window.alert(res);
     }else{
      window.alert("所請求的頁面有異常");
      }
      }
      }
   //身份驗證
   function check(){
    //var name=document.getElementById("name").value;
    var   province=document.getElementById("state");  
   var   pindex   =   province.selectedIndex;  
   var   pValue   =   province.options[pindex].value;  
   //var   pText     =   province.options[pindex].text;  
     if(pValue==""){
      alert("請輸入姓名");
      return false;
      }
      else{
       send('model.cfm?event='+pValue);
       }
      }
      
   </script>
  </head>
 
  <body>
   <table>
      <form action="login" method="post">
       <tr><td>姓名: <input id="name" type="text" name="name1"/><p>
          <input type="button" value="檢測!" />
       </td>
   <td align="left">
     <select id="state" name="state" >
      <option value="866">Virginia</option>
      <option value="867">Georgia</option>
      <option value="865">California</option>
     </select>
    </td>
      </tr>
      </form>
      </table>
<DIV><span name="info" id="info" style="background:#eeffdd; padding-left:4px; padding-right:4px;"></span></DIV>
  </body>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved