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

网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了js 使用ajax设置和获取自定义header信息的方法,结合实例形式分析了js 使用ajax自定义设置和获取header响应信息相关操作技巧与使用注意事项,需要的朋友可以参考下

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

1、js ajax 设置自定义header

1.1 方法一

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

1.2 方法二

$.ajax({
  headers: {
    "testheader": "test"
  },
  type: "POST",
  url: "Handler1.ashx",
  contentType: "application/x--form-urlencoded",
  suess: 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--form-urlencoded",
  suess: function (data) {
    //your code
  },
  plete: 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-asp-version: 4.0.30319
    x-powered-by: ASP.NET
    vary: Aept-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信息,前提是服务端设置了Aess-Control-Expose-Headers;

狼蚁网站SEO优化是 ASP.NET 的服务端示例

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

更多关于JavaScript相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》及《》

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

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by