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 相关文章推荐
获取HTML DOM节点元素的方法的总结
Aug 21 Javascript
JavaScript全局函数使用简单说明
Mar 11 Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
Aug 21 Javascript
js倒计时显示实例
Dec 11 Javascript
jquery横向纵向鼠标滚轮全屏切换
Feb 27 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
Mar 02 Javascript
jquery实现异步加载图片(懒加载图片一种方式)
Apr 24 jQuery
利用vue组件自定义v-model实现一个Tab组件方法示例
Dec 06 Javascript
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
Aug 22 Javascript
Vue项目引进ElementUI组件的方法
Nov 11 Javascript
react native 原生模块桥接的简单说明小结
Feb 26 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
火车头采集器3.0采集图文教程
2007/03/17 PHP
PHP+memcache实现消息队列案例分享
2014/05/21 PHP
PHP中的switch语句的用法实例详解
2015/10/21 PHP
ThinkPHP框架搭建及常见问题(XAMPP安装失败、Apache/MySQL启动失败)
2016/04/15 PHP
Yii2.0实现的批量更新及批量插入功能示例
2019/01/29 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
Javascript中各种trim的实现详细解析
2013/12/10 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
基于BootStarp的Dailog
2016/04/28 Javascript
基于jQuery插件实现点击小图显示大图效果
2016/05/11 Javascript
Bootstrap 轮播(Carousel)插件
2016/12/26 Javascript
jQuery仿写百度百科的目录树
2017/01/03 Javascript
webpack多入口文件页面打包配置详解
2018/01/09 Javascript
vue axios登录请求拦截器
2018/04/02 Javascript
jquery 动态遍历select 赋值的实例
2018/09/12 jQuery
基于JS实现计算24点算法代码实例解析
2020/07/23 Javascript
Vue实现todo应用的示例
2021/02/20 Vue.js
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
[00:48]食人魔魔法师至宝“金鹏之幸”全新模型和自定义特效展示
2019/12/19 DOTA
用Python输出一个杨辉三角的例子
2014/06/13 Python
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
python爬取盘搜的有效链接实现代码
2019/07/20 Python
使用PyCharm进行远程开发和调试的实现
2019/11/04 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
解决c++调用python中文乱码问题
2020/07/29 Python
世界上最好的威士忌和烈性酒购买网站:The Whisky Exchange
2016/11/20 全球购物
加拿大折扣、优惠券和交易网站:WagJag
2018/02/07 全球购物
七年级历史教学反思
2014/02/05 职场文书
幼儿园元旦家长感言
2014/02/27 职场文书
大学生个人自荐信样本
2014/03/02 职场文书
2014年财务人员工作总结
2014/11/11 职场文书
民主评议党员个人总结
2015/02/13 职场文书
求职信如何撰写?
2019/05/22 职场文书
background-position百分比原理详解
2021/05/08 HTML / CSS
python的变量和简单数字类型详解
2021/09/15 Python