如何在浏览器中获取请求头Headers信息,并且放到Html | 您所在的位置:网站首页 › ie11脚本在哪 › 如何在浏览器中获取请求头Headers信息,并且放到Html |
如何在浏览器中获取请求头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_,如需转载请标明出处,谢谢! |
CopyRight 2018-2019 实验室设备网 版权所有 |