js 使用ajax设置和获取自定义header信息的方法小结


Posted in Javascript onMarch 12, 2020

本文实例讲述了js 使用ajax设置和获取自定义header信息的方法。分享给大家供大家参考,具体如下:

1、js ajax 设置自定义header

1.1 方法一:

$.ajax({
  type: "POST",
  url: "Handler1.ashx",
  contentType: "application/x-www-form-urlencoded",
  beforeSend: function (request) {
    request.setRequestHeader("token1", "Chenxizhang");
  },
  success: function (data) {
    //your code
  }
});

1.2 方法二:

$.ajax({
  headers: {
    "testheader": "test"
  },
  type: "POST",
  url: "Handler1.ashx",
  contentType: "application/x-www-form-urlencoded",
  success: function (data) {
    //your code
  }
});

2、js ajax 获取请求返回的response的header信息

ajax请求完成,会返回xhr(XMLHTTPRequest)对象,这里面会包含返回的头信息,可以通过getResponseHeader(key)和getAllResponseHeaders()获取header信息;

$.ajax({
  type: "POST",
  url: "Handler1.ashx",
  contentType: "application/x-www-form-urlencoded",
  success: function (data) {
    //your code
  },
  complete: function (xhr, data) {
    /* 
      获取相关Http Response header
      getResponseHeader(key):获取指定头信息
      getAllResponseHeaders():获取全部可默认可获取的头信息
    */
    var date=xhr.getResponseHeader('Date');// 服务器端时间
    
    //获取服务端自定义的header信息
    var stoken = xhr.getResponseHeader('servertoken');
    
    var list = xhr.getAllResponseHeaders();
    console.log(list);
    /*
    date: Fri, 12 Jul 2019 12:41:00 GMT
    content-encoding: gzip
    server: Microsoft-IIS/10.0
    x-aspnet-version: 4.0.30319
    x-powered-by: ASP.NET
    vary: Accept-Encoding
    content-type: text/plain; charset=utf-8
    servertoken: test1
    cache-control: private
    content-length: 129
    */
    
  }
});

3、js ajax 跨域请求的情况下获取自定义的header信息

JS AJAX 跨域请求的时候是不能设置自定义的header信息的,但是是可以在response中获取到服务端自定义的header信息,前提是服务端设置了Access-Control-Expose-Headers;

下面是 ASP.NET 的服务端示例:

public void ProcessRequest(HttpContext context)
{
  context.Response.AddHeader("Access-Control-Allow-Origin", "*");
  context.Response.AddHeader("Access-Control-Allow-Headers", "*");
  context.Response.AddHeader("Access-Control-Allow-Methods", "*");
  //自定义header信息
  context.Response.AddHeader("servertoken", "test");
  context.Response.AddHeader("Access-Control-Expose-Headers", "servertoken");
  context.Response.ContentType = "text/plain";
  context.Response.Write("Hello World");
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Javascript中定义方法的另类写法(批量定义js对象的方法)
Feb 25 Javascript
30个最好的jQuery 灯箱插件分享
Apr 25 Javascript
jQuery 获取和设置select下拉框的值实现代码
Nov 08 Javascript
JQuery中DOM加载与事件执行实例分析
Jun 13 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 Javascript
Vue2.0 从零开始_环境搭建操作步骤
Jun 14 Javascript
jQuery插件jsonview展示json数据
May 26 jQuery
vue移动端实现红包雨效果
Jun 23 Javascript
解决jQuery使用append添加的元素事件无效的问题
Aug 30 jQuery
监听element-ui table滚动事件的方法
Mar 26 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
Jun 04 Javascript
weui中的picker使用js进行动态绑定数据问题
Nov 06 Javascript
javascript实现拖拽碰撞检测
Mar 12 #Javascript
原生js实现碰撞检测
Mar 12 #Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
Mar 12 #Javascript
three.js利用射线Raycaster进行碰撞检测
Mar 12 #Javascript
JS实现碰撞检测效果
Mar 12 #Javascript
使用JS实现动态时钟
Mar 12 #Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
Mar 12 #Javascript
You might like
Laravel5中contracts详解
2015/03/02 PHP
php使用正则表达式获取字符串中的URL
2016/12/29 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
extjs中grid中嵌入动态combobox的应用
2011/01/01 Javascript
基于jquery的图片的切换(以数字的形式)
2011/02/14 Javascript
很好用的js日历算法详细代码
2013/03/07 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
json传值以及ajax接收详解
2016/05/24 Javascript
JS实现图片的不间断连续滚动的简单实例
2016/06/03 Javascript
基于jQuery实现表格的查看修改删除
2016/08/01 Javascript
js微信应用场景之微信音乐相册案例分享
2017/08/11 Javascript
Vue写一个简单的倒计时按钮功能
2018/04/20 Javascript
Vue实现点击时间获取时间段查询功能
2020/08/21 Javascript
浅谈PDF.js使用心得
2018/06/07 Javascript
小程序清理本地缓存的方法
2018/08/17 Javascript
element-ui 中的table的列隐藏问题解决
2018/08/24 Javascript
vue项目中axios请求网络接口封装的示例代码
2018/12/18 Javascript
详解vue高级特性
2020/06/09 Javascript
聊聊vue 中的v-on参数问题
2021/01/29 Vue.js
深入学习python的yield和generator
2016/03/10 Python
Python编写Windows Service服务程序
2018/01/04 Python
PyTorch读取Cifar数据集并显示图片的实例讲解
2018/07/27 Python
Windows下安装Scrapy
2018/10/17 Python
python实现简单登陆系统
2018/10/18 Python
python实现文件助手中查看微信撤回消息
2019/04/29 Python
Python龙贝格法求积分实例
2020/02/29 Python
PyQt5.6+pycharm配置以及pyinstaller生成exe(小白教程)
2020/06/02 Python
pytorch随机采样操作SubsetRandomSampler()
2020/07/07 Python
Python可视化工具如何实现动态图表
2020/10/23 Python
Soft Cotton捷克:来自爱琴海棉花的浴袍
2017/02/01 全球购物
教师自我鉴定范文
2013/11/10 职场文书
上海世博会口号
2014/06/19 职场文书
门球健将观后感
2015/06/16 职场文书
springboot+zookeeper实现分布式锁
2022/03/21 Java/Android
springboot为异步任务规划自定义线程池的实现
2022/06/14 Java/Android
苹果macOS 13开发者预览版Beta 8发布 正式版10月发布
2022/09/23 数码科技