封装ajax获取url【示例代码】

封装ajax获取url是指将ajax请求的过程进行封装，使得代码更加简洁、可复用。在封装过程中，我们需要定义一个函数，该函数接收一个url参数，并返回一个Promise对象，用于处理ajax请求的结果。

示例代码如下：

function fetchUrl(url) {
  return new Promise(function(resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4) {
        if (xhr.status === 200) {
          resolve(xhr.responseText);
        } else {
          reject(new Error('Error: ' + xhr.status));
        }
      }
    };
    xhr.send();
  });
}
// 使用示例
fetchUrl('https://example.com/api/data')
  .then(function(response) {
    console.log('成功获取数据：', response);
  })
  .catch(function(error) {
    console.error('获取数据失败：', error);
  });

在上述示例代码中，我们定义了一个名为fetchUrl的函数，该函数接收一个url参数。在函数内部，我们创建了一个XMLHttpRequest对象，并通过open方法设置请求的方式和url。然后，我们通过onreadystatechange事件监听请求的状态变化，当请求状态为4（即请求完成）时，判断请求的状态码。如果状态码为200，表示请求成功，我们调用resolve方法传递响应结果；如果状态码不为200，表示请求失败，我们调用reject方法传递错误信息。

使用示例中，我们调用fetchUrl函数传入一个url参数，并通过then方法处理请求成功的响应结果，通过catch方法处理请求失败的错误信息。这样，我们就可以通过简洁的代码实现ajax请求的封装和调用。