初始 Ajax
Ajax 是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。
它的核心效果是在浏览器中不重载页面的情况(不刷新页面)与 Web 服务器交换数据,即在不需要刷新页面的情况下,就可以产生局部刷新的效果。
Ajax 使用流程
(1)、创建 XMLHttpRequest 对象
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlHttp = new ActiveObject("Microsoft.XMLHTTP");
}
(2)、发送 Ajax 请求
要想发送 Ajax 请求,就必须先创建一个 Ajax 请求,创建 Ajax 就需要用到 XMLHttpRequest 对象 xmlhttp 了
创建语法格式:
xmlhttp.open("GET/POST", "请求地址URL", true/false);
发送格式:
xmlhttp.send();
(3)、处理服务器
首先了解:
xmlhttp.onreadystatechange()事件用于监听Ajax的执行过程
xmlhttp.readyState属性说明XMLHttpRequest当前状态
xmlhttp.status属性服务器常见响应码:
状态码 | 响应信息 | 描述 |
---|---|---|
200 | OK | 请求正常完毕 |
204 | No Content | 请求成功处理,没有实体的主体返回 |
302 | Found | 临时重定向,资源已永久分配新 URL |
400 | Bad Request | 请求报文语法错误或参数错误 |
401 | Unauthorized | 需要通过 HTTP 认证,或认证失败,未授权 |
404 | Not Found | 无法找到请求资源 |
500 | Internal Server Error | 服务器故障或 Web 应用故障 |
处理服务器响应一般是要响应已被接受且服务器处理成功时执行
xmlhttp.onreadystatechange = function(){
//响应已被接收且服务器处理成功时才执行
if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
//获取响应体的文本
var t = xmlhttp.responseText;
//对服务器结构进行处理
...
}
}