编程实例 Ajax的基本实现方法

新客网 XKER.COM 2008-05-16 来源：博客园 收藏本文

function send()
{
    if(window.XMLHttpRequest)
    {
        //对于非IE浏览器用这种方式初始化XMLHttpRequest对象
        xmlHttp=new XMLHttpRequest();
    }
    else if(window.ActiveXObject)
    {
        //对于ID浏览器初始化
        try
        {
            //如果是IE老版本会出现异常，就用下面的方法进行初始化
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e)
        {
            try
            {
                //IE老版本的浏览器初始化
                xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(e1){}
        }   
    }
    else
    {
        alert("Sorry ,您的浏览器不支持XMLHTTPRequest");
    }
        //当 xmlHttp对象的状态发生改变时，用handler函数来处理...
        xmlHttp.onreadystatechange=handler;
       
        //第一个参数是以什么方式提交，第二个是提交的路径，
        //第三个参数是：是否已异步模式提交，true表示已异步提交，false表示以同步方式提交
        xmlHttp.open("GET","Handler.ashx?username="+document.getElementById   else if(flag=="add")
   //开始发送服务器,一个参数为：发送的内容，对于某些浏览器不加参数会报错
   xmlHttp.send(null);
}  
//处理函数 
function handler()
{
    if(xmlHttp.readyState==4)
    {
        if(xmlHttp.status==200)
        {
            document.getElementById("lblAddAdmin").innerText=xmlHttp.responseText;
            if(xmlHttp.responseText=="该用户已经存在.....")
            {
                document.getElementById("btnAddAdmin").disabled=true;
            }
            else
            {
               document.getElementById("btnAddAdmin").disabled=false;
            }
        }
    }
}

• ·详解如何实现最基本的AJAX框架
• ·编程实例 Ajax的基本实现方法
• ·关于快速简便的使用AJAX技术操作的介绍
• ·成功实现ajax,xmlhttp跨域访问
• ·Ajax技术：构建动态的Java应用程序分析
• ·面向Java开发人员的Ajax:Java对象序列化
• ·手把手教你写Ajax驱动的DataGrid控件(三)
• ·手把手教你写Ajax驱动的DataGrid控件(二)
• ·手把手教你写Ajax驱动的DataGrid控件(一)
• ·用事实说话！AJAX应用程序开发的七宗罪
• ·利用DWR开发基于Ajax的文件上载portlet
• ·开源Eclipse利用Ajax的优势与微软展开竞争
• ·使用AJAX技术实现网页无闪自动局部刷新
• ·Mashups+AJAX打造全新Web开发