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 树形导航菜单实例代码
Aug 13 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
Dec 27 Javascript
JS图像无缝滚动脚本非常好用
Feb 10 Javascript
jquery datatable后台封装数据示例代码
Aug 07 Javascript
Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
jQuery实现table中的tr上下移动并保持序号不变的实例代码
Jul 11 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
Apr 17 Javascript
vue2.X组件学习心得(新手必看篇)
Jul 05 Javascript
Django+Vue跨域环境配置详解
Jul 06 Javascript
关于React动态加载路由处理的相关问题
Jan 07 Javascript
JS实现省市县三级下拉联动
Apr 10 Javascript
vue项目接口域名动态获取操作
Aug 13 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 表单验证实现代码
2009/03/10 PHP
php中JSON的使用方法
2015/04/30 PHP
php array_walk_recursive 使用自定的函数处理数组中的每一个元素
2016/11/16 PHP
PHP 网站修改默认访问文件的nginx配置
2017/05/27 PHP
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
2007/12/23 Javascript
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
window.location.hash 属性使用说明
2010/03/20 Javascript
node.js操作mongodb学习小结
2015/04/25 Javascript
浅谈javascript中replace()方法
2015/11/10 Javascript
学习JavaScript设计模式之代理模式
2016/01/12 Javascript
JS实现图片上传预览功能
2016/11/21 Javascript
jQuery动态移除和添加背景图片的方法详解
2017/03/07 Javascript
ES6中javascript实现函数绑定及类的事件绑定功能详解
2017/11/08 Javascript
SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
2018/01/09 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
2019/10/09 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
ES6 proxy和reflect的使用方法与应用实例分析
2020/02/15 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
JavaScript Array.flat()函数用法解析
2020/09/02 Javascript
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
详解Python 数据库的Connection、Cursor两大对象
2018/06/25 Python
Python minidom模块用法示例【DOM写入和解析XML】
2019/03/25 Python
python3文件复制、延迟文件复制任务的实现方法
2019/09/02 Python
浅析PEP572: 海象运算符
2019/10/15 Python
Python散点图与折线图绘制过程解析
2019/11/30 Python
护士毕业生自荐信
2014/02/07 职场文书
2014年大学庆元旦迎新年活动方案
2014/03/09 职场文书
大学本科生职业生涯规划书范文
2014/09/14 职场文书
应届毕业生自荐信
2015/03/04 职场文书
门店店长岗位职责
2015/04/14 职场文书
毕业感言怎么写
2015/07/31 职场文书
python字符串常规操作大全
2021/05/02 Python
Python Pandas读取Excel日期数据的异常处理方法
2022/02/28 Python
2022新作动画《福星小子》释出宣传影片 加入内田真礼&宫野真守配音演出
2022/04/08 日漫
Java数组详细介绍及相关工具类
2022/04/14 Java/Android