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 相关文章推荐
jQuery实现的立体文字渐变效果
May 17 Javascript
Jquery拖拽并简单保存的实现代码
Nov 28 Javascript
JavaScript实战(原生range和自定义特效)简单实例
Aug 21 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
Oct 10 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
Dec 24 Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
Jan 18 Javascript
详解webpack require.ensure与require AMD的区别
Dec 13 Javascript
VueJs监听window.resize方法示例
Jan 17 Javascript
node 使用 async 控制并发的方法
May 07 Javascript
利用vscode调试编译后的js代码详解
May 14 Javascript
还不懂递归?读完这篇文章保证你会懂
Jul 29 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
Nov 04 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执行速度全攻略(下)
2006/10/09 PHP
不重新编译PHP为php增加openssl模块的方法
2011/06/14 PHP
图片按比例缩放函数
2006/06/26 Javascript
Prototype的Class.create函数解析
2011/09/22 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
2013/07/09 Javascript
一个字符串反转函数可实现字符串倒序
2014/09/15 Javascript
Nodejs极简入门教程(一):模块机制
2014/10/25 NodeJs
jquery制作图片时钟特效
2020/03/30 Javascript
javascript中eval解析JSON字符串
2016/02/27 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
prototype.js简单实现ajax功能示例
2017/10/18 Javascript
jQuery实现的上传图片本地预览效果简单示例
2018/03/29 jQuery
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
2019/12/30 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
2020/04/30 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
2020/05/08 Javascript
[32:17]完美世界DOTA2联赛循环赛LBZS vs Forest第二场 10月30日
2020/10/31 DOTA
Python+django实现简单的文件上传
2016/08/17 Python
selenium使用chrome浏览器测试(附chromedriver与chrome的对应关系表)
2018/11/29 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
Python整数对象实现原理详解
2019/07/01 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
PyCharm配置anaconda环境的步骤详解
2020/07/31 Python
2021年值得向Python开发者推荐的VS Code扩展插件
2021/01/25 Python
CSS3对背景图片的裁剪及尺寸和位置的设定方法
2016/03/07 HTML / CSS
有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题
2013/07/19 HTML / CSS
惠普墨西哥官方商店:HP墨西哥
2016/12/01 全球购物
澳大利亚相机之家:Camera House
2017/11/30 全球购物
在校生钳工实习自我鉴定
2013/09/19 职场文书
旅游管理本科生求职信
2013/10/14 职场文书
文史专业毕业生自荐信
2013/11/17 职场文书
学习经验交流会主持词
2014/04/01 职场文书
2014年幼儿园教研工作总结
2014/12/04 职场文书
MySQL数据库实验之 触发器和存储过程
2022/06/21 MySQL