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 相关文章推荐
img的onload的另类用法
Jan 10 Javascript
打开新窗口关闭当前页面不弹出关闭提示js代码
Mar 18 Javascript
jquery在Chrome下获取图片的长宽问题解决
Mar 20 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
Feb 24 Javascript
js限制文本框只能输入整数或者带小数点的数字
Apr 27 Javascript
js实现文字闪烁特效的方法
Dec 17 Javascript
js实现图片无缝滚动特效
Mar 19 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
Feb 22 Javascript
bootstrap IE8 兼容性处理
Mar 22 Javascript
React-Native使用Mobx实现购物车功能
Sep 14 Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
Feb 22 Javascript
bootstrap table实现合并单元格效果
Dec 24 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中的函数嵌套层数限制分析
2011/06/13 PHP
php中file_exists函数使用详解
2015/05/08 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
js中onload与onunload的使用示例
2013/08/25 Javascript
javascripit实现密码强度检测代码分享
2013/12/12 Javascript
javascript客户端遍历控件与获取父容器对象示例代码
2014/01/06 Javascript
js处理自己不能定义二维数组的方法详解
2014/03/03 Javascript
javascript bom是什么及bom和dom的区别
2015/11/26 Javascript
JS对HTML表格进行增删改操作
2016/08/22 Javascript
Angular 中 select指令用法详解
2016/09/29 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
2016/10/09 Javascript
浅谈Node.js:fs文件系统模块
2016/12/08 Javascript
将鼠标焦点定位到文本框最后(代码分享)
2017/01/11 Javascript
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
2018/06/14 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
2019/02/20 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
2019/05/13 Javascript
使用vue自定义指令开发表单验证插件validate.js
2019/05/23 Javascript
vue draggable resizable gorkys与v-chart使用与总结
2019/09/05 Javascript
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
Django自定义用户认证示例详解
2018/03/14 Python
对python csv模块配置分隔符和引用符详解
2018/12/12 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
一些常用的HTML5模式(pattern) 总结
2015/07/14 HTML / CSS
Spartoo葡萄牙鞋类网站:线上销售鞋履与时尚配饰
2017/01/11 全球购物
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
Linux如何命名文件--使用文件名时应注意
2014/05/29 面试题
实习鉴定范文
2013/12/19 职场文书
十一酒店活动方案
2014/02/20 职场文书
安全生产活动月方案
2014/03/09 职场文书
征兵宣传标语
2014/06/20 职场文书
安全月宣传标语
2014/10/07 职场文书
尝试使用Python爬取城市租房信息
2022/04/12 Python