JS/jQuery 获取 HTTPRequest 请求标头?

场景:在jquery封装的ajax请求中,默认是异步请求。

需要定一个秘钥进行解密,所以只能存放在请求头中。然后需要值的时候去请求头中读取。

注意:dataType 设置,根据请求参数的格式设置,如果是加密字符串,就设置为text,如果是json,就设置为json,否则,接口请求状态码是200,但是会进入到error函数中。

javascript 复制代码
$.ajax({
    url: 'url',
    data:{'req':somedata},
    type:"post",
    cache:'false',
    dataType:'json',//注:
    headers:{'key':'bar'},  //设置请求头
    success: function() {
        alert(this.headers.key);//获取请求头
    },
    error:function(){
    }
});

目前到上面我的问题就解决了。

参考文章:https://www.it1352.com/2772303.html

但是我认为只有已经在 headers 中定义的标题是可用的(不确定如果标题被改变会发生什么(例如在 beforeSend 中).

您可以在以下位置阅读更多关于 jQuery ajax 的信息:http://api.jquery.com/jQuery.ajax/

如果您只想捕获对 XMLHttpRequest 上的 setRequestHeader 的所有调用的标头,那么您可以包装该方法.这有点麻烦,当然您需要确保在任何请求发生之前运行包装下面的代码的函数.

javascript 复制代码
// Reasign the existing setRequestHeader function to 
// something else on the XMLHtttpRequest class
XMLHttpRequest.prototype.wrappedSetRequestHeader = 
  XMLHttpRequest.prototype.setRequestHeader; 

// Override the existing setRequestHeader function so that it stores the headers
XMLHttpRequest.prototype.setRequestHeader = function(header, value) {
    // Call the wrappedSetRequestHeader function first 
    // so we get exceptions if we are in an erronous state etc.
    this.wrappedSetRequestHeader(header, value);

    // Create a headers map if it does not exist
    if(!this.headers) {
        this.headers = {};
    }

    // Create a list for the header that if it does not exist
    if(!this.headers[header]) {
        this.headers[header] = [];
    }

    // Add the value to the header
    this.headers[header].push(value);
}

现在,一旦在 XMLHttpRequest 实例上设置了标头,我们就可以通过检查 xhr.headers 例如

javascript 复制代码
var xhr = new XMLHttpRequest();
xhr.open('get', 'demo.cgi');
xhr.setRequestHeader('foo','bar');
alert(xhr.headers['foo'][0]); // gives an alert with 'bar'
相关推荐
烛阴19 分钟前
带你用TS彻底搞懂ECS架构模式
前端·javascript·typescript
wayhome在哪30 分钟前
3 分钟上手!用 WebAssembly 优化前端图片处理性能(附完整代码)
javascript·性能优化·webassembly
web前端1231 小时前
# 多行文本溢出实现方法
前端·javascript
人间观察员2 小时前
如何在 Vue 项目的 template 中使用 JSX
前端·javascript·vue.js
EndingCoder2 小时前
安装与环境搭建:准备你的 Electron 开发环境
前端·javascript·electron·前端框架
Lucky_Turtle2 小时前
【electron】一、安装,打包配置
javascript·arcgis·electron
Running_slave2 小时前
Web跨标签页通信应该怎么玩?
javascript·css·后端
雪中何以赠君别2 小时前
Vue 2 与 Vue 3 双向绑定 (v-model) 区别详解
前端·javascript·vue.js
林太白2 小时前
Vue3-ElementPlus使用
前端·javascript·vue.js
赵民勇2 小时前
如果已经安装了electron的一个版本,再次使用命令npm install electron不指定electron版本时,会下载安装新版本么?
javascript·electron·npm