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获取几种URL地址的方法小结
Feb 26 Javascript
Js实现手机发送验证码时按钮延迟操作
Jun 20 Javascript
Bootstrap布局之栅格系统详解
Jun 13 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
Mar 08 Javascript
Three.js获取鼠标点击的三维坐标示例代码
Mar 24 Javascript
JS实现的随机排序功能算法示例
Jun 09 Javascript
AngularJS模态框模板ngDialog的使用详解
May 11 Javascript
vue.js购物车添加商品组件的方法
Sep 17 Javascript
vue实现倒计时获取验证码效果
Apr 17 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
Nov 19 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
Mar 14 Javascript
Vue文本模糊匹配功能如何实现
Jul 30 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的引用原因分析
2012/09/06 PHP
Yii2主题(Theme)用法详解
2016/07/23 PHP
javascript知识点收藏
2007/02/22 Javascript
仿猪八戒网左下角的文字滚动效果
2011/10/28 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
2013/03/21 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
2013/09/21 Javascript
手机平板等移动端适配跳转URL的js代码
2014/01/25 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
2015/11/03 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
2016/11/07 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
超出JavaScript安全整数限制的数字计算BigInt详解
2018/06/24 Javascript
关于AOP在JS中的实现与应用详解
2019/05/06 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
2020/06/29 Javascript
原生js实现针对Dom节点的CRUD操作示例
2019/08/26 Javascript
js代码编写无缝轮播图
2020/09/13 Javascript
[55:45]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.24
2019/09/10 DOTA
Python合并多个Excel数据的方法
2018/07/16 Python
Pandas过滤dataframe中包含特定字符串的数据方法
2018/11/07 Python
python图片剪裁代码(图片按四个点坐标剪裁)
2020/03/10 Python
经验丰富程序员才知道的8种高级Python技巧
2020/07/27 Python
Python编写memcached启动脚本代码实例
2020/08/14 Python
CSS3 3D位移translate效果实例介绍
2016/05/03 HTML / CSS
基于 HTML5 Canvas实现 的交互式地铁线路图
2018/03/05 HTML / CSS
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
美国最大点评网站:Yelp
2018/02/14 全球购物
美国牙科折扣计划:DentalPlans.com
2019/08/26 全球购物
What's the difference between deep copy and shallow copy? (深拷贝与浅拷贝有什么区别)
2015/11/10 面试题
办公室年终个人自我评价
2013/10/28 职场文书
个性发展自我评价
2014/02/11 职场文书
工程师岗位职责规定
2014/02/26 职场文书
《凡卡》教学反思
2014/04/09 职场文书
个人安全生产承诺书
2014/05/22 职场文书
反邪教标语
2014/06/23 职场文书
工作骂脏话检讨书
2014/10/05 职场文书
2015年干部教育培训工作总结
2015/05/15 职场文书