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进行校验,防止恶意操作。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: