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 自动分号插入(JavaScript synat:auto semicolon insertion)
Nov 04 Javascript
jquery DOM操作 基于命令改变页面
May 06 Javascript
javascript中AJAX用法实例分析
Jan 30 Javascript
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
Sep 25 Javascript
在Javascript操作JSON对象,增加 删除 修改的简单实现
Jun 02 Javascript
jQuery插件扩展extend的简单实现原理
Jun 24 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
Aug 18 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
Feb 15 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
微信小程序实现随机验证码功能
Dec 20 Javascript
vue读取本地的excel文件并显示在网页上方法示例
May 29 Javascript
vue中移动端调取本地的复制的文本方式
Jul 18 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 生成随机验证码图片代码
2010/02/08 PHP
一步一步学习PHP(1) php开发环境配置
2010/02/15 PHP
PHP Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
php继承的一个应用
2011/09/06 PHP
解析Win7 XAMPP apache无法启动的问题
2013/06/26 PHP
深入解析Laravel5.5中的包自动发现Package Auto Discovery
2017/09/13 PHP
PHP常量及变量区别原理详解
2020/08/14 PHP
Javascript调试工具(下载)
2007/01/09 Javascript
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
2008/12/29 Javascript
JS 用6N±1法求素数 实例教程
2009/10/20 Javascript
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
学习面向对象之面向对象的术语
2010/11/30 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
window.location.reload 刷新使用分析(去对话框)
2015/11/11 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
2016/05/26 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
2016/12/15 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
2017/04/04 Javascript
Node.js成为Web应用开发最佳选择的原因
2018/02/05 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
解决layer.prompt无效的问题
2019/09/24 Javascript
vue实现倒计时获取验证码效果
2020/04/17 Javascript
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
Python Series从0开始索引的方法
2018/11/06 Python
python单线程下实现多个socket并发过程详解
2019/07/27 Python
python根据时间获取周数代码实例
2019/09/30 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
Python3将ipa包中的文件按大小排序
2020/04/17 Python
Python常见反爬虫机制解决方案
2020/06/01 Python
关于PySnooper 永远不要使用print进行调试的问题
2021/03/04 Python
美国著名珠宝品牌之一:Jared The Galleria Of Jewelry
2016/10/01 全球购物
Sofmap官网:日本著名的数码电器专卖店
2017/05/19 全球购物
NFL墨西哥官方商店:Tienda NFL
2017/11/28 全球购物
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
开放系统互连参考模型
2016/06/29 面试题
校园安全教育广播稿
2014/02/17 职场文书