Ajax如何向服务器发送自定义的header？设置header信息Ajax教程

本文将介绍如何用Ajax向服务器发送自定义的header，并且设置header信息。包含以下几个部分：

内容导读 什么是header？ 为何要设置自定义header？ 如何设置header？ 总结归纳 内容导读 1、什么是header？ 2、为何要设置自定义header？ 3、如何设置header？ 1、什么是header？

HTTP header 是 HTTP 请求和响应中最重要的协议头，其作用在于描述HTTP报文。客户端在发送请求前，都会先构建一个HTTPRequest对象（请求）并传送给服务端。在这过程中需要把请求传递给服务端的某些信心放入到请求的消息头中，叫做Header。

2、为何要设置自定义header？

HTTP header可以处理一些与请求或响应相关的信息，不过有时需要自定义header信息。比如，在跨域请求中，服务器可能会指定允许特定的origin使用它的资源，因此客户端需要在请求头部中加上该origin。此外有很多场景都需要我们加上自定义Header,比如做安全验证，跟踪请求来源等。

3、如何设置header？

ajax 在发送 request 的时候可以直接为request 添加自定义header，通过 XMLHttpRequest 对象的setRequestHeader(name, value) 方法来添加一个HTTP头部字段（Header-information）.

var xhr = new XMLHttpRequest();xhr.onreadystatechange = function(){if(xhr.readyState == 4 && xhr.status == 200){console.log(xhr.responseText);}}xhr.open('get', './testAPI.php');xhr.setRequestHeader('test-header','I Pray for Paris'); // 添加测试 Header xhr.send(); 

总结归纳

Ajax向服务器发送自定义的header非常简单，只需使用XMLHttpRequest的setRequestHeader()方法即可。当然，在实际的应用中，我们需要在服务器端对这些header进行校验，防止恶意操作。