写一个使用XMLHttpRequest对象来发送HTTP请求的案例

好的，我可以为您提供这个案例。请看以下代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data', true);
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(xhr.responseText);
  } else {
    console.log('请求失败：' + xhr.status);
  }
};
xhr.send();

这段代码发送了一个 GET 请求，请求地址为 http://example.com/api/data。在请求成功后，会将响应的数据打印到控制台。如果请求失败，会打印错误信息和响应状态码。

希望这个案例可以帮到您。如果您有其他问题可以继续提问。

相关问题

以JSONPlaceHolder为数据服务，编写案例，以进一步阐述Ajax及XMLHttpRequest对象的用法，尽可能涉及更多的应用场景

好的，我可以回答这个问题。JSONPlaceholder是一个免费的在线REST API，可以用于测试和模拟数据。下面是一个使用Ajax和XMLHttpRequest对象的案例，用于从JSONPlaceholder获取数据并将其显示在网页上。

首先，我们需要创建一个XMLHttpRequest对象：

var xhr = new XMLHttpRequest();

然后，我们需要指定要获取的数据的URL：

var url = "https://jsonplaceholder.typicode.com/posts";

接下来，我们需要使用open()方法打开一个HTTP请求：

xhr.open("GET", url, true);

这里的第一个参数是HTTP请求的方法，第二个参数是要获取的URL，第三个参数指定是否异步执行请求。

接下来，我们需要指定当请求完成时要执行的函数：

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    // 在这里处理数据
  }
};

这里的onreadystatechange函数会在请求状态发生变化时被调用。当请求完成并且状态码为200时，我们可以使用JSON.parse()方法将响应文本转换为JavaScript对象。

最后，我们需要发送请求：

xhr.send();

完整的代码如下：

var xhr = new XMLHttpRequest();
var url = "https://jsonplaceholder.typicode.com/posts";
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    // 在这里处理数据
  }
};
xhr.send();

这个案例可以用于从JSONPlaceholder获取博客文章列表，并将其显示在网页上。除此之外，还可以使用类似的方法从其他REST API获取数据，并将其用于各种应用场景，比如数据可视化、搜索等。