jQuery在header中设置请求信息的方法

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);
},
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title></title>
  <script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
  <script type="text/javascript" language="javascript">
    $(function() {
      $("#test").click(function() {
        $.ajax({
          type: "GET",
          url: "default.aspx",
          beforeSend: function(request) {
            request.setRequestHeader("Test", "Chenxizhang");
          },
          success: function(result) {
            alert(result);
          }
        });
      });
    });
  </script>
</head>
<body>
  <form id="form1" runat="server">
  <div id="v">
  </div>
  <input type="button" value="测试" id="test" />
  </form>
</body>
</html>

jQuery.ajax() 如何设置 Headers 中的 Accept 内容

其实很简单，首先如果是常见类型，则请直接设置 dataType 属性

$.ajax({
  dataType: "json",
  type: "get",
  success: function (data) {
  }
});

设置 dataType 后，会去 accepts 属性（此属性会预置一些常用类型）中直接拿相应的类型添加到 Accept 中。

)%X02M](8[BKGW21{EY{0GD

如果想自己自定义 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中设置请求信息的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jquery # header # 设置 # jquery设置请求信息 # jQuery.ajax 跨域请求webapi设置headers的解决方案 # jQuery mobile的header和footer在点击屏幕的时候消失的解决办法 # jQuery中:header选择器用法实例 # Jquery原生态实现表格header头随滚动条滚动而滚动 # 是一个 # 自定义 # 小编 # 是在 # 是一种 # 还可以 # 还在 # 在此 # 有很多 # 如何在 # 可以用 # 我用 # 给大家 # 然后再 # 可供 # 请直接 # 会去 # 所述 # 给我留言 # 感谢大家

返回目录在线咨询

上一篇：使用宝塔Windows面板时如何确保服务器的安全性？
下一篇：菏泽网页设计公司,什么网可以查小学期末考试成绩？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

jQuery在header中设置请求信息的方法

您的项目需求