获取获取请求 - Javascript

在Web开发中，获取获取请求（get请求）是非常常见的操作，它可以用来从服务器获取数据。在Javascript中，我们可以使用XMLHttpRequest对象来发送get请求，同时也可以使用fetch API。

使用XMLHttpRequest对象发送get请求

XMLHttpRequest是一种可以在后台与服务器交换数据的技术。它可以用来发送和接收数据。

要使用XMLHttpRequest来发送get请求，我们首先需要创建一个该对象的实例：

var xhr = new XMLHttpRequest();

接下来，我们需要使用open()方法来指定要发送的请求：

xhr.open('GET', '/api/data', true);

这里的第一个参数是请求方法，第二个参数是请求的URL，第三个参数指定这个请求是异步的。如果是同步请求，把第三个参数改为false。

然后我们需要添加一个onload()回调函数，以处理服务器响应：

xhr.onload = function() {
  if (xhr.status === 200) {
    console.log('成功获取数据：' + xhr.responseText);
  } else {
    console.log('获取数据失败');
  }
};

最后，我们使用send()方法来发送请求：

xhr.send();

使用fetch API发送get请求

fetch API是一种现代化的网络请求API，它提供了更简单、更强大、更灵活的方式来发送网络请求。

要使用fetch API发送get请求，我们首先需要调用fetch()方法：

fetch('/api/data')
  .then(function(response) {
    if (response.ok) {
      return response.text();
    } else {
      throw new Error('获取数据失败');
    }
  })
  .then(function(data) {
    console.log('成功获取数据：' + data);
  })
  .catch(function(error) {
    console.log(error);
  });

其中，fetch()方法接收一个URL参数，并返回一个Promise对象。我们可以使用then()方法来处理服务器响应，并使用catch()方法来处理错误。

在then()方法中，我们可以使用response.text()方法来获取服务器响应的文本。response.text()会返回一个Promise对象，因此我们需要在第二个then()方法中处理该Promise。

总结

以上就是使用Javascript获取get请求的两种方法，分别是XMLHttpRequest和fetch API。如果你需要使用的浏览器不支持fetch API，那么使用XMLHttpRequest是一个更通用的选择。