Ajax学习:Ajax设置请求头信息
在Ajax中,可以使用setRequestHeader
方法来设置请求头信息。以下是一个简单的示例,展示了如何在Ajax请求中设置一个自定义的请求头:
var xhr = new XMLHttpRequest();
xhr.open("POST", "your-endpoint-url", true);
// 设置请求头信息
xhr.setRequestHeader("Content-Type", "application/json");
xhr.setRequestHeader("Custom-Header", "HeaderValue");
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功
console.log(xhr.responseText);
}
};
// 发送数据
var data = JSON.stringify({ key: "value" });
xhr.send(data);
在这个例子中,我们使用setRequestHeader
设置了Content-Type
为application/json
和一个自定义的请求头Custom-Header
。然后,我们发送一个JSON编码的数据对象到服务器。
请注意,setRequestHeader
必须在调用open
之后且在调用send
之前被调用。如果尝试在调用send
之后设置请求头,将会抛出异常。
评论已关闭