原生Ajax及常见的HTTP状态码

原生Ajax

//步骤一:创建异步对象
var xmlHTTP = new XMLHttpRequest();
//步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端
xmlHTTP.open(method, url, isAsync)
//步骤三:发送请求
xmlHTTP.send();
//步骤四:注册事件 onreadystatechange 状态改变就会调用
xmlHTTP.onreadystatechange = function () {
	if (xmlHttp.readyState == 4 && xmlHTTP.status == 200) {
      //步骤五 如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的
       console.log(xmlHTTP.responseText);
    }
}

xmlHttp.readyState的五种状态

0 ：请求未初始化，XMLHttpRequest对象已经创建，但还没有调用open()方法。

1 ：请求已建立，已经调用open() 方法，但尚未发送请求。

2 ： 请求已发送，正在处理中（通常现在可以从响应中获取内容头）

3 ： 请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。

4 ：响应完成，已经接收到了全部数据，并且连接已经关闭。

常见的HTTP状态码

200 ： OK 客户端请求成功
400 ： Bad Request 客户端请求有语法错误，不能被服务器所理解
401 ： Unauthorized 请求未经授权，这个状态代码必须和WWW-Authenticate报头域一起使用
403 ： Forbidden 服务器收到请求，但是拒绝提供服务
404 ： Not Found 请求资源不存在，eg：输入了错误的URL
500 ： Internal Server Error 服务器发生不可预期的错误
503 ： Server Unavailable 服务器当前不能处理客户端的请求，一段时间后可能恢复正常