jquery怎么在header中设置请求信息

最新推荐文章于 2024-02-29 09:56:50 发布

琅琊山二当家

最新推荐文章于 2024-02-29 09:56:50 发布

阅读量3.4w

点赞数 2

分类专栏： js 文章标签： ajax

本文链接：https://blog.csdn.net/albertfly/article/details/52330919

版权

js 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

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"，就可以是实现正常通信；"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>

复制代码

<a data-cke-saved-href="http://images.cnblogs.com/cnblogs_com/chenxizhang/WindowsLiveWriter/ajaxRequestHeader_10A7C/image_2.png" href="http://images.cnblogs.com/cnblogs_com/chenxizhang/WindowsLiveWriter/ajaxRequestHeader_10A7C/image_2.png" class="thickbox"><img data-cke-saved-src="http://images.cnblogs.com/cnblogs_com/chenxizhang/WindowsLiveWriter/ajaxRequestHeader_10A7C/image_thumb.png" src="http://images.cnblogs.com/cnblogs_com/chenxizhang/WindowsLiveWriter/ajaxRequestHeader_10A7C/image_thumb.png" alt="image" width="712" height="615" /></a>

你的关注和支持是对我最大的动力~

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) {
    }
});

复制代码

琅琊山二当家

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
jquery怎么在header中设置请求信息

jquery是js的类库，js本身不能操作header，因为js是在浏览器加载页面过程中才开始执行的header需要服务器端执行操作如果是ajax，是可以设置header$.ajax({ url: "", data: {}, type: "GET", beforeSend: function(xhr){xhr.setRequestHeader('X-Tes...
复制链接

扫一扫