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. osgearth介绍(转载)-feature_labels.earth
			
    初识osg OSG的诞生 在 1997 年时,Don Burns 由于喜欢滑翔机运动且对计算机图形学非常熟悉,在 LINUX 上写了一个控制滑翔机的小引擎,这便是 OSG 的最初雏形.后来在 1998 ...
    
			
    2. 
						
  2. Jqgrid学习(转载)
			
    jqGrid API 全   JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做 ...
    
			
    3. 
						
  3. java me 旋转的X案例
			
    package com.xushouwei.cn; import javax.microedition.lcdui.Command;import javax.microedition.lcdui.Co ...
    
			
    4. 
						
  4. 如何使用PDO查询Mysql来避免SQL注入风险？ThinkPHP 3.1中的SQL注入漏洞分析！
			
    当我们使用传统的 mysql_connect .mysql_query方法来连接查询数据库时,如果过滤不严,就有SQL注入风险,导致网站被攻击,失去控制.虽然可以用mysql_real_escape_ ...
    
			
    5. 
						
  5. js原生设计模式——2面向对象编程之闭包2
			
    <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8&qu ...
    
			
    6. 
						
  6. 【续】强行在C# Winform中渲染Cocos2d-x 3.6
			
    [前言] 上一篇讲了怎么把Cocos2d-x 3.6渲染进MFC窗体,这里来讲一下怎么在C# Winform中做到同样的功能.如果你不熟悉MFC的使用但对C# Winform比较在行,请往下看. 这一 ...
    
			
    7. 
						
  7. SQL server 定时自动执行SQL存储过程
			
    当一个存储过程是为了生成报表,并且是周期性的,则不需要人工干预,由SQL作业定时自动执行些SQL存储过程即可. 本示例,假设已需要定时执行的存储过程为:Pr_test 工具/原料 SQL Server ...
    
			
    8. 
						
  8. lufylegend库 LGraphics
			
    lufylegend库 LGraphics <!DOCTYPE html> <html lang="en"> <head> <meta c ...
    
			
    9. 
						
  9. Spring 4 MVC+Hibernate 4+MySQL+Maven使用注解集成实例
			
    Spring 4 MVC+Hibernate 4+MySQL+Maven使用注解集成实例 转自:通过注解的方式集成Spring 4 MVC+Hibernate 4+MySQL+Maven,开发项目样例 ...
    
			
    10. 
						
  10. 从Chrome源码看浏览器的事件机制
			
    .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto } .crayon-line spa ...
    
			
    11.