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 错误之 NSObject 、CGFloat
			
    需要添加 #import <Foundation/Foundation.h> #import <UIKit/UIKit.h>
    
			
    2. 
						
  2. 2.14. 删除托管对象（Core Data 应用程序实践指南）
			
    删除托管对象,只要调用托管对象上下文的deleteObject 或 deleteObjects就可以了.同样,真正的删除,要在调用save:之后.
    
			
    3. 
						
  3. 关于网页显示乱码问题的一些个人见解（PHP、JSP...）
			
    最近做项目,遇到了一些网页显示乱码的情况,在网上查了很多资料都没有给一个全面的准确的答案,自己摸索了一下经过对比开发环境(我使用的是Myeclipse)编辑器的编码和浏览器默认显示的编码发现,在字符编 ...
    
			
    4. 
						
  4. ASP.NET - 自定义控件处理页面事件（控件与页面数据交互）的方法
			
    //用委托的方法实现 //控件代码 public delegate void DelegateFunction( string sPageTitle ); private DelegateFuncti ...
    
			
    5. 
						
  5. DataTables学习：从最基本的入门静态页面，使用ajax调用Json本地数据源实现前端开发深入学习，根据后台数据接口替换掉本地的json本地数据，以及报错的处理地方，8个例子（显示行附加信息，回调使用api，动态显示和隐藏列...），详细教程
			
    一.DataTables  个人觉得学习一门新的插件或者技术时候,官方文档是最根本的,入门最快的地方,但是有时候看完官方文档,一步步的动手写例子,总会出现各种莫名其妙的错误,需要我们很好的进行研究出错 ...
    
			
    6. 
						
  6. 转载：MyEclipse安装插件的几种方法
			
    地址:http://www.cnblogs.com/pharen/archive/2012/02/08/2343342.html 本文讲解MyEclipse(MyEclipse10)的三种方法,以SV ...
    
			
    7. 
						
  7. 【原创】梵高油画用深度卷积神经网络迭代十万次是什么效果？ A neural style of convolutional neural networks
			
    作为一个脱离了低级趣味的码农,春节假期闲来无事,决定做一些有意思的事情打发时间,碰巧看到这篇论文: A neural style of convolutional neural networks,译作 ...
    
			
    8. 
						
  8. 2017年试试Web组件化框架Omi
			
    Open and modern framework for building user interfaces. Omi的Github地址https://github.com/AlloyTeam/omi ...
    
			
    9. 
						
  9. java_web总结（一）
			
    1.struts1ajax返回值 public ActionForward preChangeAccountPwd(ActionMapping mapping, ActionForm form, Ht ...
    
			
    10. 
						
  10. WebServerice的发布
			
    在webserverice一文中,我们简单的介绍了一下什么是webserverice,以及如何建立一个webserverice服务.今天,我们一起学习下webserverice是如何发布的. 为什么要 ...
    
			
    11.