写一个原生的ajax请求

好的，以下是一个原生的ajax请求的示例代码：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.open("GET", "https://api.example.com/data", true);
xhr.send();

这段代码创建了一个 XMLHttpRequest 对象，并设置了一个回调函数来处理响应。然后，使用 `open` 方法来设置请求方法和 URL，最后使用 `send` 方法发送请求。当响应返回时，回调函数会被调用，然后可以使用 `responseText` 属性来获取响应数据。

相关问题

原生JS的请求和ajax请求的区别

原生JS的请求和Ajax请求的主要区别是实现方式和兼容性。

1. 实现方式

原生JS的请求是通过XMLHttpRequest对象实现的，而Ajax请求是通过封装XMLHttpRequest对象的第三方库（如jQuery的$.ajax）实现的。Ajax请求封装了XMLHttpRequest对象的一些细节，使得请求使用更为简单和方便。

2. 兼容性

原生JS的请求和Ajax请求在兼容性上也有一定的差异。原生JS的请求在较老的浏览器（如IE6）中可能存在一些兼容性问题，而Ajax请求在各种浏览器中都得到了很好的兼容性支持。

除此之外，Ajax请求还有一些其他的优点，比如可以实现异步请求，避免页面刷新等问题，提升了用户体验。同时，Ajax请求也可以实现跨域请求，使得前端可以通过Ajax请求访问其他域名下的数据。

关于 ”JavaScript 原生 Ajax 请求封装“，帮我多想一些别人用搜索引擎可能会输入的关键字，我想用作seo

优化。

当搜索引擎用户想了解JavaScript原生Ajax请求封装时，他们可能会输入以下关键字或短语：

- Ajax请求封装
- JavaScript中的Ajax请求
- 带有XMLHttpRequest的Ajax请求
- Ajax调用函数封装
- jQuery以外的Ajax请求
- AJAX编程
- 使用XHR对象进行Ajax请求
- JavaScript中的XMLHttpRequest对象
- 封装Ajax请求以简化代码
- AJAX网络请求
- 原生JavaScript实现Ajax请求
- JavaScript中的XMLHttpRequest和Ajax请求