ajax封装json

AJAX（Asynchronous JavaScript and XML）即异步JavaScript和XML，在Web开发中，它常被用来异步地获取数据或修改页面内容，而无需重新加载整个页面。其中，JSON（JavaScript Object Notation）是一种数据序列化格式，常被用于存储和交换数据。在AJAX中，将JSON数据作为返回值来传递数据是一个常见的方法。

为了使AJAX能够更加方便地使用JSON数据，多数JavaScript框架都对此进行了封装。下面我们将介绍如何使用AJAX封装JSON。

function ajax(url,options) {
  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();

  // 响应成功后的回调函数
  xhr.onload = function () {
    if (xhr.status === 200) {
      if (options && typeof options.success === 'function') {
        // 解析JSON数据
        var data = JSON.parse(xhr.responseText);
        options.success(data);
      }
    } else {
      if (options && typeof options.error === 'function') {
        options.error(xhr.statusText);
      }
    }
  };

  // 请求错误时的回调函数
  xhr.onerror = function () {
    if (options && typeof options.error === 'function') {
      options.error(xhr.statusText);
    }
  };

  // 发送请求
  xhr.open(options.method || 'GET',url);
  xhr.send();
}

在上面的代码中，我们创建了一个AJAX函数，并使用XMLHttpRequest对象来进行HTTP请求。该函数接受两个参数：请求的URL和一个配置对象（可选）。

其中，onload事件在响应成功返回时触发，并处理返回的JSON数据。而onerror事件则在请求错误时触发并返回错误信息。我们在回调函数中判断了options对象是否存在以及success和error属性是否为函数，以确保回调函数可以执行。

最后，我们使用XMLHttpRequest对象的open方法来打开一个HTTP请求，并使用send方法来发送请求。如果没有指定HTTP请求的类型，则默认为GET。

通过上面的封装代码，我们可以更加方便地使用AJAX来请求JSON数据，并对响应做出相应的处理。