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 常见学习网站与参考书
Nov 09 Javascript
jquery连缀语法如何实现
Nov 29 Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
js中hash和ico的关联分析
Feb 05 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
Nov 07 Javascript
Vue-cli项目获取本地json文件数据的实例
Mar 07 Javascript
解决iView中时间控件选择的时间总是少一天的问题
Mar 15 Javascript
jQuery创建及操作xml格式数据示例
May 26 jQuery
JavaScript树的深度优先遍历和广度优先遍历算法示例
Jul 30 Javascript
微信小程序新手教程之页面打开数量限制
Mar 03 Javascript
vue 授权获取微信openId操作
Nov 13 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
神族 PROTOSS 概述
2020/03/14 星际争霸
PHP实现上传文件并存进数据库的方法
2015/07/16 PHP
使用PHP+AJAX让WordPress动态加载文章的教程
2015/12/11 PHP
laravel 输出最后执行sql 附:whereIn的使用方法
2019/10/10 PHP
javascript 短路法代码精简
2009/08/20 Javascript
jquery下实现overlay遮罩层代码
2010/08/25 Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
2011/07/26 Javascript
鼠标焦点离开文本框时验证的js代码
2013/07/19 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
window.opener用法和用途实例介绍
2013/08/19 Javascript
javascript制作的简单注册模块表单验证
2015/04/13 Javascript
Bootstrap树形组件jqTree的简单封装
2016/01/25 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
javascript insertAfter()定义与用法示例
2016/07/25 Javascript
前端JS面试中常见的算法问题总结
2016/12/23 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
nodejs中express入门和基础知识点学习
2018/09/13 NodeJs
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
JS实现获取自定义属性data值的方法示例
2018/12/19 Javascript
微信小程序登录数据解密及状态维持实例详解
2019/05/06 Javascript
Element-ui中元素滚动时el-option超出元素区域的问题
2019/05/30 Javascript
在Python中操作时间之tzset()方法的使用教程
2015/05/22 Python
Django使用中间键实现csrf认证详解
2019/07/22 Python
python爬虫 模拟登录人人网过程解析
2019/07/31 Python
python绘制BA无标度网络示例代码
2019/11/21 Python
Python semaphore evevt生产者消费者模型原理解析
2020/03/18 Python
keras 自定义loss model.add_loss的使用详解
2020/06/22 Python
解决TensorFlow程序无限制占用GPU的方法
2020/06/30 Python
阿玛尼美妆俄罗斯官网:Giorgio Armani Beauty RU
2020/07/19 全球购物
俄罗斯天然和有机产品、健康生活网上商店:Fitomarket.ru
2020/10/09 全球购物
竞选部门副经理的自荐书范文
2014/02/11 职场文书
2014年两会学习心得体会
2014/03/17 职场文书
工商行政管理专业求职书
2014/05/23 职场文书
计算机专业自荐信
2015/03/05 职场文书
会计稽核岗位职责
2015/04/13 职场文书
python编程实现清理微信重复缓存文件
2021/11/01 Python