ajax-1-概述

简介

• 组成：XMLHttpRequest，JavaScript，XML，CSS，DOM等。
• 浏览器与Ajax引擎进行通信，Ajax引擎与服务器进行通信，实现浏览器与服务器可以仅进行数据交换，而不需要页面刷新。

创建XMLHttpRequest

if (window.XMLHttpRequest){ //window.XMLHttpRequest返回对象或是null，对应if的true和false
    http_request=new XMLHttpRequest();
} else if(window.ActiveXObject){
    try {
        http_request=new ActiveXObject("Msxml2.XMLHTTP");
    } catch(e) {
        try {
            http_request=new ActiveXObject("Microsoft.XMLHTTP");
        } catch(e) {}
    }
}

XMLHttpRequest常用方法

• open()
  • open("method","url"[,asyncFlag[,"username"[,"password"]]]) //设置请求参数
• send()
  • send(content) //发送请求，如果open设为异步，则send立即返回；若设为同步，则send会等着收到响应为止
• setRequestHeader()
  • setRequestHeader("header","value") //设置请求头
  • http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
• abort()
  • abort() //停止或放弃当前异步请求
• getResponseHeader()
  • getResponseHeader("headerLabel") //返回指定的HTTP头信息
  • http_request.getResponseHeader("Content-Type");
• getAllResponseHeaders()
  • getAllResponseHeaders() //返回所有HTTP头信息，包括Server、Date、Content-Type、Content-Length

XMLHttpRequest常用属性

• onreadystatechanged
  • 状态发生改变时触发的事件处理器
  • http_request.onreadystatechanged=getResult; //不可以加小括号和参数，需要参数时可用匿名函数

http_request.onreadystatechanged=function(){
    getResult("参数");
}

• readyState
  • 获取请求的状态
  • 0:未初始化:open；1:正在加载:send；2:已加载；3:交互中；4:完成
• responseText
  • 服务器的响应，表示为字符串
• responseXML
  • 服务器的响应，表示为XML
• status
  • 服务器的HTTP状态码
  • 200:成功；202:请求被接受，但尚未成功；400:错误请求；404:文件未找到；500:内部服务器错误
• statusText
  • HTTP状态码对应文本