getandpost.js

一个简单的ajax的应用

// 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(para1,para2)//提交时数据时调用的函数
 { 
 var aa = document.getElementById(para1).value;
 var bb = document.getElementById(para2).value;
    xmlhttp=CreatXMLHttp();
    xmlhttp.open("post","Server.aspx",true);
    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xmlhttp.onreadystatechange = handlePostStateChange;
    xmlhttp.send("aa="+aa+"&bb="+bb); 
 }
 
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;
    }
}