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 8 之 新特性
			
    1. 沙盒间共享数据 2. Metal 3D绘图,据说10倍速,替代了OpenGL 3. AppStore 可视频预览
    
			
    2. 
						
  2. Oracle Job 语法和时间间隔的设定（转）
			
    http://blog.itpub.net/27157/viewspace-425567/ 初始化相关参数job_queue_processesalter system set job_queue_p ...
    
			
    3. 
						
  3. node源码详解（二 ）—— 运行机制 、整体流程
			
    本作品采用知识共享署名 4.0 国际许可协议进行许可.转载保留声明头部与原文链接https://luzeshu.com/blog/nodesource2 本博客同步在https://cnodejs.o ...
    
			
    4. 
						
  4. POJ3250(单调栈)
			
    Bad Hair Day Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 17614   Accepted: 5937 Des ...
    
			
    5. 
						
  5. EntityFramework Core Raw Query再叙注意事项后续
			
    前言 话说通过EntityFramwork Core进行原始查询又出问题,且听我娓娓道来. EntityFramework Core Raw Query后续 当我们进行复杂查询时我们会通过原始查询来进 ...
    
			
    6. 
						
  6. java_db2错误码对应值
			
    DB2-SQLSTATE消息 2012-08-27 10:35:27|  分类: db2|举报|字号 订阅     本节列示 SQLSTATE 及其含义.SQLSTATE 是按类代码进行分组的:对于子 ...
    
			
    7. 
						
  7. 设置npm安装模块目录<nodejs>
			
    nodejs安装模块命令: npm install <input_name> # 本地安装 npm install <input_name> -g # 全局安装 1.npm i ...
    
			
    8. 
						
  8. JVM内存
			
    大多数 JVM 将内存区域划分为 Method Area(Non-Heap)(方法区) ,Heap(堆) , Program Counter Register(程序计数器) ,   VM Stack( ...
    
			
    9. 
						
  9. C语言对齐
			
    "%-md":左对齐,若m比实际少时,按实际输出.(m为整数) "%md":右对齐,若m比实际少时,按实际输出. 我自己编了一个,给你看看实际效果: #incl ...
    
			
    10. 
						
  10. JAVA设计模式：模板设计模式
			
    1.模板设计模式,是为了体现继承的作用.它主要的作用就是在类中定义一些公共的方法和标准,而其具体的实现则叫给其子类来根据子类具体的行为来实现:因为模板设计模式中必经还有一些自己的方法不是抽象的方法,只 ...
    
			
    11.