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』取指定url格式及分割函数应用
Apr 22 Javascript
JS实现闪动的title消息提醒效果
Jun 20 Javascript
搭建pomelo 开发环境
Jun 24 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
详解Javascript 装载和执行
Nov 17 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
Sep 27 Javascript
js在ie下打开对话窗口的方法小结
Oct 24 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
Jan 31 Javascript
微信小程序实现聊天对话(文本、图片)功能
Jul 06 Javascript
swiper实现异形轮播效果
Nov 28 Javascript
JavaScript实现图片放大预览效果
Nov 02 Javascript
JavaScript用document.write()输出换行的示例代码
Nov 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
【COS正片】蕾姆睡衣cos,纯洁可爱被治愈了 cn名濑弥七
2020/03/02 日漫
PHP解决URL中文GBK乱码问题的两种方法
2014/06/03 PHP
php实现可用于mysql,mssql,pg数据库操作类
2014/12/13 PHP
适用于初学者的简易PHP文件上传类
2015/10/29 PHP
PHP智能识别收货地址信息实例
2019/01/05 PHP
Javascript实现的鼠标经过时播放声音
2010/05/18 Javascript
javascript:文字不间断向左移动的实例代码
2013/08/08 Javascript
AngularJS HTML编译器介绍
2014/12/06 Javascript
Jquery实现图片预加载与延时加载的方法
2014/12/22 Javascript
node.js开机自启动脚本文件
2014/12/24 Javascript
JavaScript中用toString()方法返回时间为字符串
2015/06/12 Javascript
JSON 的正确用法探讨:Pyhong、MongoDB、JavaScript与Ajax
2016/05/15 Javascript
JQuery 的跨域方法推荐_可跨任何网站
2016/05/18 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
2016/10/10 Javascript
详谈Angular路由与Nodejs路由的区别
2017/03/05 NodeJs
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
vue+koa2实现session、token登陆状态验证的示例
2019/08/30 Javascript
Vue.js中Line第三方登录api的实现代码
2020/06/29 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
2020/11/11 Javascript
python批量提取word内信息
2015/08/09 Python
以一个投票程序的实例来讲解Python的Django框架使用
2016/02/18 Python
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
Django实现表单验证
2018/09/08 Python
python 自定义对象的打印方法
2019/01/12 Python
Python Datetime模块和Calendar模块用法实例分析
2019/04/15 Python
基于plt.title无法显示中文的快速解决
2020/05/16 Python
用Python开发app后端有优势吗
2020/06/29 Python
PyCharm 2020.2 安装详细教程
2020/09/25 Python
Crabtree & Evelyn英国官网:瑰珀翠护手霜、香水、沐浴和身体护理
2018/04/26 全球购物
个人简历中的自我评价范例
2013/10/29 职场文书
如何写一份好的英文求职信
2014/03/19 职场文书
法院反腐倡廉心得体会
2014/09/09 职场文书
党员四风问题对照检查材料思想汇报
2014/09/16 职场文书
预备党员入党感言
2015/08/01 职场文书
2016基督教会圣诞节开幕词
2016/03/04 职场文书
MySQL索引失效的典型案例
2021/06/05 MySQL