如何在浏览器中获取请求头Headers信息，并且放到Html

您所在的位置：网站首页 › 电脑的cookie到哪里看 › 如何在浏览器中获取请求头Headers信息，并且放到Html

如何在浏览器中获取请求头Headers信息，并且放到Html

2024-07-09 18:30| 来源: 网络整理| 查看: 265

如何在浏览器中获取请求头Headers信息，并且放到Html 浏览了一下，有人教大家如何去查看请求头Headers信息，但是很多时候，产品需求做了个API页面，需要我们把请求头Headers信息，放到Html页面上！！！类似某企业微信的api页面在这里插入图片描述

在这里插入图片描述

如何查看请求头Headers信息言归正传，先看下怎么在浏览器中查看请求头Headers信息

首先打开浏览器，然后随便打开一个网页（纯静态没请求那也不行），这里拿csdn做例子。在这里插入图片描述然后我们按下键盘的F12或者鼠标右键右键选择检查

在这里插入图片描述选择这个Network,现在可能空白啥也没，应为我们是在网页加载后才打开的Network,现在我们按下F5或者鼠标右键选择重新加载

在这里插入图片描述现在就能看到很多请求啦！！！我们随便点开一个200求请求看一下现在我们就能看到这个请求的请求头信息了，是不是很简单？？？

获取，并且赋值给html页面学废了查看，那如何获取并且赋值呢？

我们先在浏览器控制台，发起一个ajax请求看看能得到啥！！！在这里插入图片描述

$.ajax({ type: "get", url:'https://barrage-kunpeng.csdn.net/api/barrage/list', //随便找个请求地址 success: function (res) { console.log(res) } });

在这里插入图片描述哇！不仅仅返回来了成功200的新消息，还有神秘一长串。。。看到这里，很多聪明的小伙伴应该就懂了！下面我们拿一下这个请求头数据看看看通过getAllResponseHeaders()我们真的拿到了请求头数据！！！！获取单个数据怎么搞~？在这里插入图片描述看通过getResponseHeader(‘你想要拿到的’)我们真的拿到了单个请求头数据！！！！

赋值到html页面

现在我们如果想放到html页面，比如有一个****标签，我们往这里面赋值headers请求头

$('#text1').text(res.getAllResponseHeaders()) $('#text1').text(res.getResponseHeader('status'))

这样就大功告成了！！！~~~

结束语

获取所有请求头信息：getAllResponseHeaders() 获取单个请求头信息：getResponseHeader(‘你想要获取的’)

原创：keleinclude_，如需转载请标明出处，谢谢！

【本文地址】

如何在浏览器中获取请求头Headers信息，并且放到Html

如何在浏览器中获取请求头Headers信息，并且放到Html

今日新闻

推荐新闻