javascript学习笔记（七）Ajax和Http状态码

首先，需要明确Ajax和HTTP状态码的含义，Ajax是指通过异步请求从服务器端获取数据的技术手段，而HTTP状态码则是Web浏览器与Web服务器间通信的状态指示器，根据这些状态码可以判断请求是否成功，或者请求发生了什么问题。

Ajax和Http状态码完整攻略

Ajax

• Ajax（Asynchronous JavaScript and XML）是“异步 JavaScript 和 XML”的缩写。
• 它是一种用于创建快速动态网页的技术。
• Ajax 可以在不重新加载整个页面的情况下，对页面进行部分更新。
• Ajax 可以从服务器加载数据，并使用 JavaScript 对网页进行高度自定义。

Http状态码

• HTTP 状态码（HTTP status code）是Web服务器向用户返回的标准HTTP响应的状态码。
• 广义上分为五类，如下所示：
• 1×× Informational（信息性状态码）
• 2×× Success（成功状态码）
• 3×× Redirection（重定向状态码）
• 4×× Client Error（客户端错误状态码）
• 5×× Server Error（服务器错误状态码）

常用Http状态码

• 200 OK: 请求成功
• 201 Created: 请求已经被实现，而且有一个新的资源已经依据请求的需要而建立
• 304 Not Modified: 资源未被更改，可以直接使用缓存的版本
• 400 Bad Request: 请求有误，服务器无法处理
• 401 Unauthorized: 没有认证信息或者认证信息无效
• 403 Forbidden: 请求被拒绝，用户无权限访问
• 404 Not Found: 请求的资源不存在
• 500 Internal Server Error: 服务器遇到错误，无法完成请求
• 503 Service Unavailable: 服务器暂时无法处理请求

Ajax实现

XMLHttpRequest

• 最基础的Ajax实现方式是使用 XMLHttpRequest 对象。
• 该对象可以在后台与服务器通交互，然后利用 JavaScript 改变网页的内容。

const xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com', true);
xhr.onload = function () {
  if (xhr.status === 200) {
    console.log(xhr.responseText);
  } else {
    console.error('请求失败，错误码为：' + xhr.status);
  }
};
xhr.onerror = function () {
  console.error('请求失败，服务器无响应');
};
xhr.send();

jQuery.ajax

• 由于 XMLHttpRequest 对象的使用过于繁琐，所以一些库，比如 jQuery 等，提供了封装好的 Ajax 方法。
• 以 jQuery 的 $.ajax() 方法为例：

$.ajax({
  url: 'http://example.com',
  type: 'GET',
  dataType: 'json',
  success: function (data) {
    console.log(data);
  },
  error: function (xhr, errorType, error) {
    console.error('请求失败，错误码为：' + xhr.status);
  }
});

以上就是Ajax和Http状态码的完整攻略，希望能给开发者们提供便利。