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中暂停功能的实现代码
Mar 04 Javascript
js和jquery批量绑定事件传参数一(新猪猪原创)
Jun 23 Javascript
js实现的点击数量加一可操作数据库
May 09 Javascript
使用console进行性能测试
Apr 27 Javascript
javascript比较两个日期相差天数的方法
Jul 23 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
Oct 29 Javascript
详解JavaScript基于面向对象之继承
Dec 13 Javascript
详解Angularjs filter过滤器
Feb 06 Javascript
angularjs 获取默认选中的单选按钮的value方法
Feb 28 Javascript
用vue快速开发app的脚手架工具
Jun 11 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
Jul 25 Javascript
在 HTML 页面中使用 React的场景分析
Jan 18 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获取数据库结果集方法(推荐)
2017/06/01 PHP
Yii输入正确验证码却验证失败的解决方法
2017/06/06 PHP
探讨JavaScript中声明全局变量三种方式的异同
2013/12/03 Javascript
javascript操作字符串的原生方法
2014/12/22 Javascript
jQuery中wrapInner()方法用法实例
2015/01/16 Javascript
利用Vue v-model实现一个自定义的表单组件
2017/04/27 Javascript
基于Vue2.X的路由和钩子函数详解
2018/02/09 Javascript
angular实现页面打印局部功能的思考与方法
2018/04/13 Javascript
Vue中div contenteditable 的光标定位方法
2018/08/25 Javascript
详解Ubuntu安装angular-cli遇到的坑
2018/09/08 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
2018/12/05 Javascript
微信小程序自定义可滑动日历界面
2018/12/28 Javascript
JS中实现一个下载进度条及播放进度条的代码
2019/06/10 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
2020/11/07 Javascript
[08:40]Navi Vs Newbee
2018/06/07 DOTA
详解python里使用正则表达式的全匹配功能
2017/10/19 Python
python实现简单中文词频统计示例
2017/11/08 Python
Python基于百度AI的文字识别的示例
2018/04/21 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
python视频按帧截取图片工具
2019/07/23 Python
Anaconda 查看、创建、管理和使用python环境的方法
2019/12/03 Python
python网络编程socket实现服务端、客户端操作详解
2020/03/24 Python
解决Django部署设置Debug=False时xadmin后台管理系统样式丢失
2020/04/07 Python
Python远程方法调用实现过程解析
2020/07/28 Python
Python入门基础之数字字符串与列表
2021/02/01 Python
Ryderwear澳洲官网:澳大利亚高端健身训练装备品牌
2018/09/18 全球购物
英国排名第一的冲浪店:Ann’s Cottage
2020/06/21 全球购物
《奇妙的国际互联网》 教学反思
2014/02/25 职场文书
感恩教育活动总结
2014/05/05 职场文书
学生实习证明范文
2014/09/28 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
团委工作总结2015
2015/04/02 职场文书
莫言诺贝尔获奖感言(全文)
2015/07/31 职场文书
中学校园广播稿
2015/08/18 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书
Python数据可视化之Seaborn的安装及使用
2022/04/19 Python