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 相关文章推荐
用javascript动态调整iframe高度的方法
Mar 06 Javascript
jQuery 表格插件整理
Apr 27 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
Feb 11 Javascript
js使用递归解析xml
Dec 12 Javascript
JavaScript基于对象去除数组重复项的方法
Oct 09 Javascript
React Native自定义控件底部抽屉菜单的示例
Feb 08 Javascript
angular4自定义表单控件[(ngModel)]的实现
Nov 23 Javascript
使用vue完成微信公众号网页小记(推荐)
Apr 28 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
May 13 jQuery
vue-router的两种模式的区别
May 30 Javascript
vue中监听路由参数的变化及方法
Dec 06 Javascript
解决Antd 里面的select 选择框联动触发的问题
Oct 24 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原理之异常机制
2010/08/21 PHP
解析wamp5下虚拟机配置文档
2013/06/27 PHP
PHP滚动日志的代码实现
2015/06/10 PHP
thinkphp框架下实现登录、注册、找回密码功能
2016/04/06 PHP
CentOS7编译安装php7.1的教程详解
2019/04/18 PHP
JavaScript中yield实用简洁实现方式
2010/06/12 Javascript
jquery等待效果示例
2014/05/01 Javascript
详解Bootstrap插件
2016/04/25 Javascript
JavaScript 数组- Array的方法总结(推荐)
2016/07/21 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
jQuery修改DOM结构_动力节点Java学院整理
2017/07/05 jQuery
js 实现复选框只能选择一项的示例代码
2018/01/23 Javascript
Vue2.0 http请求以及loading展示实例
2018/03/06 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
Taro集成Redux快速上手的方法示例
2018/06/21 Javascript
详解Angular中通过$location获取地址栏的参数
2018/08/02 Javascript
微信小程序 如何保持登录状态
2019/08/16 Javascript
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
2020/07/22 Javascript
Android模拟器无法启动,报错:Cannot set up guest memory ‘android_arm’ Invalid argument的解决方法
2016/07/01 Python
numpy添加新的维度:newaxis的方法
2018/08/02 Python
python中数据库like模糊查询方式
2020/03/02 Python
Python实现汇率转换操作
2020/05/03 Python
python利用线程实现多任务
2020/09/18 Python
Python实现微信表情包炸群功能
2021/01/28 Python
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
美国畅销的跑步机品牌:ProForm
2017/02/06 全球购物
美国和加拿大计算机和电子产品购物网站:TigerDirect.com
2019/09/13 全球购物
业务代表的岗位职责
2013/11/16 职场文书
优秀干部获奖感言
2014/01/31 职场文书
函授本科自我鉴定
2014/02/04 职场文书
老同学聚会感言
2014/02/23 职场文书
春节联欢晚会主持词
2014/03/24 职场文书
创先争优个人承诺书
2014/08/30 职场文书
陈斌强事迹观后感
2015/06/17 职场文书
2016消防宣传标语口号
2015/12/26 职场文书
「魔导具师妲莉亚永不妥协~从今天开始的自由职人生活~」1、2卷发售宣传CM公开
2022/03/21 日漫