原生js 的ajax请求的请求头写法

原生JS的AJAX请求的请求头写法如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send();

其中，`setRequestHeader` 方法用于设置请求头，第一个参数是请求头名称，第二个参数是请求头的值。在上面的例子中，请求头的名称是 `Content-Type`，值是 `application/json`，表示请求的数据格式是 JSON 格式。在实际开发中，根据需要可以设置其他的请求头，例如 `Authorization`、`Accept` 等。

相关问题

js原生ajax请求写法

以下是一个基本的原生 AJAX 请求的示例：

var xhr = new XMLHttpRequest(); // 创建一个XMLHttpRequest对象

xhr.onreadystatechange = function() { // 监听请求状态的变化
  if (xhr.readyState === 4 && xhr.status === 200) { // 请求已完成，且响应状态码为200（成功）
    console.log(xhr.responseText); // 输出响应结果
  }
};

xhr.open('GET', 'example.com/api/data'); // 配置请求的方法和URL
xhr.send(); // 发送请求

以上代码中，我们创建了一个 `XMLHttpRequest` 对象并设置了它的 `onreadystatechange` 回调函数。这个回调函数会在每次请求状态发生变化时被调用，我们通过检查 `readyState` 和 `status` 属性来判断请求是否完成且是否成功。如果成功，我们就可以通过 `responseText` 属性获取响应的结果。

在调用 `open()` 方法之后，我们还可以通过 `setRequestHeader()` 方法来设置请求头信息，例如：

xhr.setRequestHeader('Content-Type', 'application/json');

这里设置请求头信息为 `Content-Type: application/json`。最后，我们通过 `send()` 方法来发送请求。对于 GET 请求，该方法不需要参数；对于 POST 请求，我们需要将数据作为参数传递给该方法。

以上是一个基本的原生 AJAX 请求的写法，当然，还有很多其他的用法和技巧，具体可以根据实际需要进行学习和使用。

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

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

1. 实现方式

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

2. 兼容性

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

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