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. fputcsv 导出CSV、Excel DownLoad
			
    以前使用excel导出插件导出50000左右的数据就经常遇到内存不足或者超时等现象,现在自己用fputcsv导出CSV比直接导出excel好多了,导出文件可以直接用excel打开.下载后可放在框架目录 ...
    
			
    2. 
						
  2. 十二生肖&天干地支
			
    看相:http://baike.baidu.com/view/833122.htm?fr=aladdin 八字:http://baike.baidu.com/view/17127.htm?fr=ala ...
    
			
    3. 
						
  3. Sublime Text3 常用快捷键动画演示及优秀插件分享
			
    Sublime Text 是前端的一个神器,以其精简和可DIY而让广大fans疯狂.好吧不吹了直入正题 -_-!! 首先是安装,如果你有什么软件管家的话搜一下就好,一键安装.然后,有钱的土豪就自己买个 ...
    
			
    4. 
						
  4. Wireshark对常见视频应用的抓包分析的结果
			
    一.PC端直播: YY客户端直播用的udp(P2P)9158客户端直播用的rtp/rtcp 二.Web端直播: YY网页端直播用的tcp9158网页端直播用的tcp六间房网页端直播用的tcp17173 ...
    
			
    5. 
						
  5. H.264 SVC 与H.264 AVC
			
    分级视频编码技术实现一次性编码产生具有不同帧率.分辨率的视频压缩码流,然后根据不同网络带宽.不同的显示屏幕和终端解码能力选择需要传输的视频信息量,以此实现视频质量的自适应调整 AVC 实际上是 H.2 ...
    
			
    6. 
						
  6. 微信小程序开发系列（二）小程序的全局文件
			
    其实你已经知道了小程序的文件结构 上一节讲到,小程序的页面由三部分组成: 视图(.wxml).逻辑(.js).样式(.wxss). 我们这次重新展开文件结构: 小程序用到的文件类型只有四种,正如你所看 ...
    
			
    7. 
						
  7. 【canvas系列】用canvas实现一个colorpicker
			
    每个浏览器都有自己的特点,比如今天要做的colorpicker就是,一千个浏览器,一千个哈姆雷特,一千个colorpicker.今天canvas系列就用canvas做一个colorpicker. ** ...
    
			
    8. 
						
  8. JavaScript易混淆知识点小回顾--数组方法与字符串方法;
			
    数组属性: arr.length;查看数组的长度 arr.Pop;删除数组最后一个元素; 数组的方法: arr.push();添加到数组末端; arr.shift();删除数组的第一个元素; arr. ...
    
			
    9. 
						
  9. Unity起步-1.1下载和安装Unity
			
    1.1.下载和安装Unity 1.1.1 选取版本 首先找到Unity官方网站https://store.unity.com/cn,如果要下载最新版本,可以选择"立即下载".不过我 ...
    
			
    10. 
						
  10. React 国际化
			
    前言 React 做国际化,我推荐使用 React-intl , 这个库提供了 React 组件和Api两种方式来格式化日期,数字和字符串等.知道这个库了,那让我们开始使用它 组件用法 为了和Reac ...
    
			
    11.