js裡ajax簡單例子 __js

// JScript 檔案

function CreatXMLHttp()//建立xmlhttprequest對象
{
    if (ActiveXObject)
        {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
        }
        else if(XMLHttpRequest)
        {
            xmlhttp = new XMLHttpRequest();
        }
       
        return xmlhttp;
}

function createquery()//建立提交字串
{
   var query = "A=a&B=b&C=c";
   return query;
}

function StartLoad( para)//提交時資料時調用的函數
 {
    xmlhttp=CreatXMLHttp();
   
    xmlhttp.open("post","Server.aspx",true);
    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xmlhttp.onreadystatechange = handlePostStateChange;
    xmlhttp.send(para);
 }
 
function  handlePostStateChange() //響應狀態發生變化時
{  
   if (xmlhttp.readystate == 4 && xmlhttp.status == 200)
        {
          document.getElementById("result").innerHTML = xmlhttp.responseText;
         }
}
 
function  StartRequest()//擷取資料時調用的函數
{
     xmlhttp.open("GET","innerHTML.xml",true);
     xmlhttp.onreadystatechange = handleStateChange;
     xmlhttp.send(null);
}

function  handleGetStateChange()
{
    if (xmlhttp.readystate == 4 && xmlhttp.status == 200)
    {
       document.getElementById("result").innerHTML = xmlhttp.responseText;
    }
}