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 获得选中文本内容的方法
Feb 15 Javascript
Jquery 常用方法经典总结
Jan 28 Javascript
javascript获取checkbox复选框获取选中的选项
Aug 12 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
jQuery实现带分组数据的Table表头排序实例分析
Nov 24 Javascript
javascript的函数劫持浅析
Sep 26 Javascript
用ES6写全屏滚动插件的示例代码
May 02 Javascript
解决webpack+Vue引入iView找不到字体文件的问题
Sep 28 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
详解在React-Native中持久化redux数据
May 22 Javascript
JS数组的高级使用方法示例小结
Mar 14 Javascript
JavaScript编码小技巧分享
Sep 17 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中的状态模式编程
2015/08/11 PHP
PHP实现的数独求解问题示例
2017/04/18 PHP
js 跨域和ajax 跨域问题小结
2009/07/01 Javascript
ExtJS 2.0 GridPanel基本表格简明教程
2010/05/25 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
2010/08/01 Javascript
javascript打开word文档的方法
2014/04/16 Javascript
AngularJS表单编辑提交功能实例
2015/02/13 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
jquery ztree异步搜索(搜叶子)实践
2016/02/25 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
2016/08/02 Javascript
node.js入门教程之querystring模块的使用方法
2017/02/27 Javascript
Vue.js实现移动端短信验证码功能
2017/03/29 Javascript
jquery实现搜索框功能实例详解
2018/07/23 jQuery
浅谈Vue.use的使用
2018/08/29 Javascript
vue axios基于常见业务场景的二次封装的实现
2018/09/21 Javascript
微信小程序3D轮播实现代码
2019/09/19 Javascript
js实现随机点名器精简版
2020/06/29 Javascript
Python脚本暴力破解栅栏密码
2015/10/19 Python
Python中Scrapy爬虫图片处理详解
2017/11/29 Python
python web基础之加载静态文件实例
2018/03/20 Python
Python数据预处理之数据规范化(归一化)示例
2019/01/08 Python
Python OpenCV之图片缩放的实现(cv2.resize)
2019/06/28 Python
基于python实现自动化办公学习笔记(CSV、word、Excel、PPT)
2019/08/06 Python
Python之指数与E记法的区别详解
2019/11/21 Python
Python ckeditor富文本编辑器代码实例解析
2020/06/22 Python
python定义具名元组实例操作
2021/02/28 Python
2分钟教你实现环形/扇形菜单(基础版)
2020/01/15 HTML / CSS
应届生财务管理求职信
2013/11/06 职场文书
考试没考好检讨书
2014/01/31 职场文书
售后服务经理岗位职责
2014/02/25 职场文书
超市商业计划书
2014/05/04 职场文书
好听的队名和口号
2014/06/09 职场文书
考察邀请函范文
2015/01/31 职场文书
小鞋子观后感
2015/06/05 职场文书
Windows server 2016服务器基本设置
2022/08/14 Servers
Rust中的Struct使用示例详解
2022/08/14 Javascript