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


Posted in Javascript onMarch 06, 2017

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

Javascript 相关文章推荐
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
Aug 05 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
Dec 28 Javascript
JS数组的遍历方式for循环与for...in
Jul 31 Javascript
基于jQuery实现简单的折叠菜单效果
Nov 23 Javascript
js实现省份下拉菜单效果
Feb 15 Javascript
简单实现JS上传图片预览功能
Apr 14 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 Javascript
JS实现将链接生成二维码并转为图片的方法
Mar 17 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
Jan 30 Javascript
create-react-app中添加less支持的实现
Nov 15 Javascript
JQuery复选框全选效果如何实现
May 08 jQuery
js实现点击选项置顶动画效果
Aug 25 Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
Mar 06 #Javascript
Vue.js 2.0中select级联下拉框实例
Mar 06 #Javascript
jquery获取select,option所有的value和text的实例
Mar 06 #Javascript
Bootstrap按钮组简单实现代码
Mar 06 #Javascript
Bootstrap组合上、下拉框简单实现代码
Mar 06 #Javascript
Javascript中引用类型传递的知识点小结
Mar 06 #Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
Mar 06 #Javascript
You might like
PHP新手上路(十三)
2006/10/09 PHP
PHP中static关键字原理的学习研究分析
2011/07/18 PHP
基于JQuery的抓取博客园首页RSS的代码
2011/12/01 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
javascript中this指向详解
2016/04/23 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
详解Angular5 服务端渲染实战
2018/01/04 Javascript
Vue2 轮播图slide组件实例代码
2018/05/31 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
2018/07/23 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
你不知道的 TypeScript 高级类型(小结)
2020/08/28 Javascript
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python分割和拼接字符串
2013/11/01 Python
web.py在模板中输出美元符号的方法
2014/08/26 Python
使用Python的Flask框架实现视频的流媒体传输
2015/03/31 Python
Python使用scrapy采集时伪装成HTTP/1.1的方法
2015/04/08 Python
Python实现二维有序数组查找的方法
2016/04/27 Python
python抓取网站的图片并下载到本地的方法
2018/05/22 Python
Python中return self的用法详解
2018/07/27 Python
pandas通过索引进行排序的示例
2018/11/16 Python
bluepy 一款python封装的BLE利器简单介绍
2019/06/25 Python
pytorch forward两个参数实例
2020/01/17 Python
ALEX AND ANI:手镯,项链,耳环和更多
2017/04/20 全球购物
美国最流行的男士时尚网站:Touch of Modern
2018/02/05 全球购物
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
三星印度官网:Samsung印度
2019/08/03 全球购物
C语言面试题
2013/05/19 面试题
Java servlet面试题
2012/03/04 面试题
职业培训师职业生涯规划
2014/02/18 职场文书
辩论赛主持词
2014/03/18 职场文书
2014年财政局工作总结
2014/12/09 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书
pytorch实现线性回归以及多元回归
2021/04/11 Python
前端监听websocket消息并实时弹出(实例代码)
2021/11/27 Javascript
Ruby GDBM操作简介及数据存储原理
2022/04/19 Ruby