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触发radio或checkbox的change事件
Dec 18 Javascript
解析瀑布流布局:JS+绝对定位的实现
May 08 Javascript
JS操作JSON要领详细总结
Aug 25 Javascript
javascript实现简单的二级联动
Mar 19 Javascript
js获取微信版本号的方法
May 12 Javascript
js实现简洁的TAB滑动门效果代码
Sep 06 Javascript
JavaScript实现精美个性导航栏筋斗云效果
Oct 29 Javascript
Vuex中mutations与actions的区别详解
Mar 01 Javascript
如何解决vue2.0下IE浏览器白屏问题
Sep 13 Javascript
JS实现的全选、全不选及反选功能【案例】
Feb 19 Javascript
详解vue-cli3多页应用改造
Jun 04 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
Sep 02 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
一个颜色轮换的简单例子
2006/10/09 PHP
站长助手-网站web在线管理程序 v1.0 下载
2007/05/12 PHP
用php实现的获取网页中的图片并保存到本地的代码
2010/01/05 PHP
UCenter中的一个可逆加密函数authcode函数代码
2010/07/20 PHP
PHP通用检测函数集合
2011/02/08 PHP
php单一接口的实现方法
2015/06/20 PHP
PHP统计目录中文件以及目录中目录大小的方法
2016/01/09 PHP
php求斐波那契数的两种实现方式【递归与递推】
2019/09/09 PHP
解决jquery1.9不支持browser对象的问题
2013/11/13 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
javascript中interval与setTimeOut的区别示例介绍
2014/03/14 Javascript
javascript实现瀑布流加载图片原理
2016/02/02 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
jquery.validate使用详解
2016/06/02 Javascript
jQuery 常见小例汇总
2016/12/14 Javascript
JavaScript中Math对象的方法介绍
2017/01/05 Javascript
vue父子组件的数据传递示例
2017/03/07 Javascript
一个可复用的vue分页组件
2017/05/15 Javascript
几种响应式文字详解
2017/05/19 Javascript
vue服务端渲染的实例代码
2017/08/28 Javascript
详解React 服务端渲染方案完美的解决方案
2018/12/14 Javascript
浅谈JavaScript 代码简洁之道
2019/01/09 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
[01:02]DOTA2上海特锦赛SHOWOPEN
2016/03/25 DOTA
[56:17]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
Python中input和raw_input的一点区别
2014/10/21 Python
Python格式化压缩后的JS文件的方法
2015/03/05 Python
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
python多进程实现进程间通信实例
2017/11/24 Python
利用python将json数据转换为csv格式的方法
2018/03/22 Python
对Django中的权限和分组管理实例讲解
2019/08/16 Python
写好自荐信要注意的问题
2013/11/10 职场文书
女大学生自我鉴定
2013/12/09 职场文书
员工试用期工作总结
2019/06/20 职场文书
Web前端:CSS最强总结 附详细代码
2021/03/31 HTML / CSS
golang 实用库gotable的具体使用
2021/07/01 Golang