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 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
jquery插件unobtrusive实现片段式加载
Jun 15 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
基于jQuery仿淘宝产品图片放大镜特效
Oct 19 Javascript
JavaScript代码性能优化总结篇
May 15 Javascript
详解Vue中使用Echarts的两种方式
Jul 03 Javascript
JavaScript中set与get方法用法示例
Aug 15 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
node 标准输入流和输出流代码实例
Sep 19 Javascript
VUE实时监听元素距离顶部高度的操作
Jul 29 Javascript
Vue.js中使用Vuex实现组件数据共享案例
Jul 31 Javascript
Javascript 解构赋值详情
Nov 17 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 函数call_user_func和call_user_func_array用法详解
2014/03/02 PHP
php过滤html中的其他网站链接的方法(域名白名单功能)
2014/04/24 PHP
PHP 快速排序算法详解
2014/11/10 PHP
分享最受欢迎的5款PHP框架
2014/11/27 PHP
PHP将进程作为守护进程的方法
2015/03/19 PHP
JavaScript建立一个语法高亮输入框实现思路
2013/02/26 Javascript
利用webqq协议使用python登录qq发消息源码参考
2013/04/08 Javascript
js Object2String方便查看js对象内容
2014/11/24 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
2015/06/04 Javascript
浅析Javascript匿名函数与自执行函数
2016/02/06 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
2017/01/23 Javascript
微信小程序本作用域下调用全局JS详解及实例
2017/02/22 Javascript
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
2018/05/30 Javascript
vue通过指令(directives)实现点击空白处收起下拉框
2018/12/06 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
解决 window.onload 被覆盖的问题方法
2020/01/14 Javascript
Vue实现菜单切换功能
2020/11/08 Javascript
[56:14]Fnatic vs OG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
wxpython 学习笔记 第一天
2009/02/09 Python
Python3基础之条件与循环控制实例解析
2014/08/13 Python
对Django项目中的ORM映射与模糊查询的使用详解
2019/07/18 Python
python中树与树的表示知识点总结
2019/09/14 Python
基于python的selenium两种文件上传操作实现详解
2019/09/19 Python
Python实现汇率转换操作
2020/05/03 Python
Python新手学习标准库模块命名
2020/05/29 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
解决PyCharm不在run输出运行结果而不是再Console里输出的问题
2020/09/21 Python
美国波道夫·古德曼百货官网:Bergdorf Goodman
2017/11/07 全球购物
丝芙兰波兰:Sephora.pl
2018/03/25 全球购物
机械工程师的岗位职责
2013/11/17 职场文书
安全技术说明书
2014/05/09 职场文书
机关干部个人对照检查材料思想汇报
2014/09/28 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书
2019年年中职场激励人心语录30条
2019/08/07 职场文书
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电