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) {

    }

});








												


											
转  jquery怎么在header中设置请求信息的更多相关文章
	

    
								
  1. Flask Response响应(flask中设置响应信息的方法，返回json数据的方法)
		
    设置响应信息的方法 1.  返回自定义的响应头,有两种方式: (1)  第一种是:视图函数return的时候,使用元组,返回自定义的信息 返回的时候的状态码可以自定义信息:"状态码   自定 ...
    
		
    2. 
						
  2. php curl请求。header头中添加请求信息
		
    function get_data($key,$authorization,$url){ $headers = array(    'api-key:'.$key,    'authorization ...
    
		
    3. 
						
  3. 在scrapy的spiders文件中设置请求时间间隔
		
    设置某个spider单独使用的设置项等等. 在spiders文件中写如下: custom_settings = { 'DOWNLOAD_DELAY': 0.2, 'CONCURRENT_REQUEST ...
    
		
    4. 
						
  4. Android 之 PackageManager获取的应用程序信息与AndroidManifest文件中设置的信息不一致问题
		
    有时我们需要用 PackageManager 来获取应用程序的版本号和版本名称等信息,通过以下代码来获取: PackageManager manager = getPackageManager();  ...
    
		
    5. 
						
  5. 隐藏浏览器header中X-Powered-By: PHP信息
		
    在php程序中,默认会在http请求响应头中输出php版本信息.如下: HTTP/1.1 200 OK Content-Type: text/html; charset=utf-8 Date: Tue ...
    
		
    6. 
						
  6. 在AngularJs中怎么设置请求头信息(headers)及不同方法的比较
		
    在AngularJS中有三种方式可以设置请求头信息: 1.在http服务的在服务端发送请求时,也就是调用http()方法时,在config对象中设置请求头信息:事例如下: $http.post('/s ...
    
		
    7. 
						
  7. Django获取Header中的信息
		
    今天需要从header中获取一些信息,查了一些资料,需要注意一下几点: request.META.get("header key") 用于获取header的信息 注意的是heade ...
    
		
    8. 
						
  8. thinkphp5.0 获取请求信息
		
    如果要获取当前的请求信息,可以使用\think\Request类,除了下文中的 $request = Request::instance(); 也可以使用助手函数 $request = request ...
    
		
    9. 
						
  9. jquery中beforeSend和complete的使用 --- 提高用户体验&&设置请求头
		
    beforeSend方法的用户主要有下面几个: 第一:用于在发送ajax请求之前设置请求头 即作为前端,如果我们希望在发送数据之前设置请求头,就可以像下面这么做: beforeSend: functi ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. iOS 操作系统整体架构层次讲解
			
    iOS的系统架构分为四个层次:核心操作系统层(Core OS layer).核心服务层(Core Services layer).媒体层(Media layer)和可触摸层(Cocoa Touch l ...
    
			
    2. 
						
  2. error: Embedded binary's bundle identifier is not prefixed with the parent app's bundle identifier
			
    xcode + iwatch调试错误 在工程的  Targets 下面的 三项(工程名为my):my . my Watchkit app .my Watchkit extention General  ...
    
			
    3. 
						
  3. 关于js中window.location.href,location.href,parent.location.href,top.location.href用法
			
    "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一 ...
    
			
    4. 
						
  4. JavaScript实用功能代码片段
			
    把平时网站上常用的一些实用功能代码片段通通收集起来,方面网友们学习使用,利用好的话可以加快网友们的开发速度,提高工作效率. 1.原生JavaScript实现字符串长度截取 function cutst ...
    
			
    5. 
						
  5. js原生：封装document.getElementByClassName()函数
			
    //接口封装:封装document.getElementByClassName()函数function getElementsByClassName (cName,domTag,root) {//该函 ...
    
			
    6. 
						
  6. 常用的JavaScript字符串处理函数及用法
			
    最近参加了几次前端实习生招聘的笔试,发现很多笔试题都会考到字符串的处理,比方说去哪儿网笔试题.淘宝的笔试题等,如果你经常参加笔试或者也是一个过来人,相信你也跟我一样,发现字符串的处理是前端招聘过程中最 ...
    
			
    7. 
						
  7. swift webView的高度自适应内容
			
    废话不多 直接上代码 //在webView的协议方法里实现以下代码 func webViewDidFinishLoad(webView: UIWebView) {//加载完成 //        se ...
    
			
    8. 
						
  8. Scrum
			
    Scrum[编辑] 维基百科,自由的百科全书   Scrum是一种敏捷软件开发的方法学,用于迭代式增量软件开发过程.Scrum在英语是橄榄球运动中争球的意思. 虽然Scrum是为管理软件开发项目而开发 ...
    
			
    9. 
						
  9. MySQL ibdata多路径扩容
			
    vi /etc/my.cnf innodb_data_home_dir = innodb_data_file_path= /data/mysql/ibdata1:10M:autoextend(为目前i ...
    
			
    10. 
						
  10. Mac 安装Rudy环境  pod安装前的准备工作
			
    之前已经说过怎么使用pod 今天说一下安装pod之前的准备工作 首先呢就是Rudy 环境(前提是你已经安装了Xcode) 在终端输入一下命令 期间可能也许会要你输入密码 curl -L https:/ ...
    
			
    11.