博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

ajax的简单应用

Posted on 2007-06-10 00:05  liufu627  阅读(199)  评论(0)    收藏  举报

<!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>Untitled Page</title>
</head>
<script type="text/javascript">
   var XML_Request;
   var control;
   //创建xmlhttprequset对象
   function createXMLHttpRequest()
   {     
//    if ( XML_Request != null || typeof( XML_Request ) != "undefined"  )
//    return;
  
     var xmlHttps = ["Msxml2.XMLHTTP","Microsoft.XMLHTTP","MSXML2.XMLHTTP.3.0"];
 
       if(window.XMLHttpRequest)
       {
        XML_Request=new XMLHttpRequest();
       }
        else if (window.ActiveXObject)
        {
           for( var i= 0; i < xmlHttps.length; i++)
           {
            try
            {
             XML_Request = new ActiveXObject( xmlHttps[i] );
             break;
            }
            catch(e){}
           }
        }
    }
   
//发送请求函数
function sendRequest(url,processResponse)
{
 createXMLHttpRequest();
 XML_Request.open( "Post",url,true);//GET/POST
 XML_Request.onreadystatechange=processResponse;
 XML_Request.send(null);
}

    //得到信息
    function getInfo()
    {
     var res=XML_Request.responseXML;
    
     control.innerText = XML_Request.responseText;
     //alert( XML_Request.responseText );    
    }

//调用入口
function showInfo(obj)
{
 control =  document.getElementById(obj);
 sendRequest("Default.aspx",processResponse);
}
//处理返回信息函数
function processResponse()
{
   if(XML_Request.readyState==4)
   {
        if(XML_Request.status==200)
        {
            getInfo();
        }
        else
        {
            alert( "异常!")
         }
    }
}
</script>
<body>
<b>点击一下，从服务器返回新的东西</b>
<a id="test" name="test">test</a>
<input type="button" id="btn" value="从服务器返回信息" onclick="showInfo('test')" />
</body>
</html>