ajax属性和事件,方法介绍

Ajax (Asynchronous JavaScript and XML)

学习Ajax以前必需要有JavaScript和DOM的基础




1、Ajax的介绍和优势
    a. 什么是Ajax?
        Ajax采用是异步交互过程

        1. 局部刷新

        2. 按需取数据
       
    b. Ajax的优缺点
       
       
    c. Ajax的应用
       
   

2、建立Ajax对象, 这是学习Ajax的第一步

    var request=new XMLHttpRequest();
   
    var d=new Date();

    建立对象过程比较复杂一点,但这些代码是固定的

    将建立XMLHttpRequest对象的过程写到一个函数中

    主要是把浏览器分红两种
        一种是IE系列的浏览器(IE5.0 IE5.5 IE6.0, IE7 IE8)
        一种是非IE浏览器(都是按W3C标准) FF Mozilla NetScape



Ajax引擎对象中的方法

abort()                    中止当前请求
getAllResponseHeaders()            做为字符串返回完整的headers
getResponseHeader("headerLabel")    做为字符串返回单个的header标签
open("method","URL"[,asyncFlag[,"userName"[, "password"]]])    设置未决的请求的目标 URL,方法,和其余参数
send(content)                发送请求
setRequestHeader("label", "value")    设置header并和请求一块儿发送


Ajax引擎对象中的属性
onreadystatechange    状态改变的事件触发器
readyState        对象状态(integer):
                  0 = 未初始化 1 = 读取中2 = 已读取3 = 交互中4 = 完成
responseText        服务器进程返回数据的文本版本
responseXML        服务器进程返回数据的兼容DOM的XML文档对象
status            服务器返回的状态码, 如:404 = "文件未找到" 、200 ="成功"
   

   

3、使用Ajax请求服务器

    是用Ajax中的方法实现

4、经过Ajax获取服务器发送的数据
   
    是用Ajax的属性实现

5、建立Ajax类简化Ajax的使用

6、Ajax的实例制做(惟一校验和无刷新分页)


new ActiveXObject("Microsoft.XMLHTTP");
new ActiveXObject("MSXML.XMLHTTP");
new ActiveXObject("'Msxml2.XMLHTTP.7.0'");
....

['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP']浏览器

相关文章
相关标签/搜索