第一个 Ajax 程序的讲解

作者:msf 来源:ITPOW(原创) 日期:2007-1-25

本文是对第一个 Ajax 程序的讲解。

function OnReadyStateChng()
{
    if (xmlhttp.readyState == 0)
    {
        document.getElementById("board").innerHTML = "尚未初始化";
    }
    else if (xmlhttp.readyState == 1)
    {
        document.getElementById("board").innerHTML = "正在加载";
    }
    else if (xmlhttp.readyState == 2)
    {
        document.getElementById("board").innerHTML = "加载完毕";
    }
    else if (xmlhttp.readyState == 3)
    {
        document.getElementById("board").innerHTML = "正在处理";
    }
    else if (xmlhttp.readyState == 4)
    {
        document.getElementById("board").innerHTML = xmlhttp.responseText; //处理完毕
    }
   
}

var xmlhttp = CreateHTTPObject();
if (xmlhttp)
{
    xmlhttp.open("GET", "http://www.itpow.com/style/common.css", true);
    xmlhttp.onreadystatechange = OnReadyStateChng;
    xmlhttp.send(null);
}

CreateHTTPObject 是我们自定义的一个函数,用于创建 XMLHTTP 对象。

open 方法,用于创建一个 http 请求,GET 表提交方法,常用的还有 POST 用以提交大型的数据,第二个参数为请求的网址,第三个参数为指定此请求是否为异步方式,默认为 true,如果为 false,此方法将会等待请求完成或者超时时才会返回,如果为 true,此方法将立即返回,建议用 true,因为如果请求的服务器端半天不回应或者网络不太稳定的情况下,浏览器会一直等待回应,这可能让浏览器“死掉”。

onreadystatechange 属性,当状态改变时,要调用的函数。

send 方法,发送请求并接收回应,它有一个可选参数存储提交给服务器的内容(在 Firefox 等浏览器中该参数不可省略,如无内容可提交,可用 null,为了兼容,干脆把这个参数当作不可省略),用以表示向服务器端传送的数据,我们在今后的示例中讲解。

responseText 属性,服务器返回的字符串。

现在,我们除了建议您参考:XMLHTTP 速查,还强烈建议您下载 XMLHTTP 中文参考

相关文章