jquery是js的类库,js本身不能操作header,因为js是在浏览器加载页面过程中才开始执行的
header需要服务器端执行操作 如果是ajax,是可以设置header
$.ajax({
url: "",
data: {},
type: "GET",
beforeSend: function(xhr){xhr.setRequestHeader('X-Test-Header', 'test-value');},//这里设置header
success: function() {}
});
也就是setRequestHeader函数
如何在ajax请求中设置特殊的RequestHeader
现在ajax应用已经相当广泛了,有很多不错的ajax框架可供使用。ajax是一个异步请求,也主要是一种客户端的脚本行为。那么,如何在请求之前为请求添加特殊的一些头部信息呢?
下面是一个简单的例子,我用jQuery编写,它的ajax函数中,有一个beforeSend方法,这个方法接受一个参数,就代表了发起异步请求的XMLHttpRequest对象,我们可以用该对象的setRequestHeader方法实现我们的目的
为什么要setRequestHeader?
比如,在及时通信系统中,每次获取消息或者发送消息,都需要去判断这个用户是否还在连线中,通过设置"accessToken",就可以是实现正常通信;
beforeSend: function(request) {
request.setRequestHeader("accessToken", accessToken);
},
1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml">
5 <head runat="server">
6 <title></title>
7 <script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
8 <script type="text/javascript" language="javascript">
9 $(function() {
10 $("#test").click(function() {
11 $.ajax({
12 type: "GET",
13 url: "default.aspx",
14 beforeSend: function(request) {
15 request.setRequestHeader("Test", "Chenxizhang");
16 },
17 success: function(result) {
18 alert(result);
19 }
20 });
21 });
22 });
23 </script>
24
25 </head>
26 <body>
27 <form id="form1" runat="server">
28 <div id="v">
29 </div>
30 <input type="button" value="测试" id="test" />
31 </form>
32 </body>
33 </html>
你的关注和支持是对我最大的动力~
jQuery.ajax() 如何设置 Headers 中的 Accept 内容
其实很简单,首先如果是常见类型,则请直接设置 dataType 属性
$.ajax({
dataType: "json",
type: "get",
success: function (data) {
}
});
设置 dataType 后,会去 accepts 属性(此属性会预置一些常用类型)中直接拿相应的类型添加到 Accept 中。
如果想自己自定义 jQuery 中没有的 Accept 内容,可以手动设置 accepts 属性,使用 键值对 存储,然后再设置 dataType 属性为刚刚自定义的键。
$.ajax({
accepts: {
xxx: "application/xxx"
},
dataType: "xxx",
type: "get",
success: function (data) {
}
});
当然还可以直接设置 headers 属性,直接写 Accept 的内容是什么。
$.ajax({
headers: {
Accept: "application/json; charset=utf-8"
},
type: "get",
success: function (data) {
}
});