• 你好!欢迎你的到来
  • 关于我们
  • 首页 博客 学习笔记 技术导航 工具
  • 博文分类
    • PHP(43)
    • MySQL(11)
    • Linux(28)
    • html(3)
    • JQuery(4)
    • JavaScript(9)
    • svn(2)
    • CSS(2)
    • seajs(1)
    • go(44)
    • redis(1)
    • nginx(8)
    • mongo(0)
    • java(0)
    • 算法(0)
    • 其他(26)
    • 生活(1)
    专栏
    • Jquery基础教程
      • 文章:(15)篇
      • 阅读:29268
    • shell命令
      • 文章:(42)篇
      • 阅读:96400
    • Git教程
      • 文章:(36)篇
      • 阅读:164909
    • leetCode刷题
      • 文章:(76)篇
      • 阅读:46579
    • 摘要视图
    • 目录视图
    ajax请求如何获取Header中头信息
    标签: ajax响应头
    2017-10-14 19:27 阅读(34345) 评论(1)

    在ajax中,怎样获取Header中头信息呢?

    通过原生的JavaScript

    var url = 'test.php';
    function createXmlHttp() {
    	var xmlhttp = null;
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp = new XMLHttpRequest();
        }else{// code for IE6, IE5
          xmlhttp = new ActiveXO相应bject("Microsoft.XMLHTTP");
        }
        return xmlhttp;  
    }
    var xmlhttp = createXmlHttp();
    xmlhttp.open("GET", url, true);
    xmlhttp.send();
    xmlhttp.onreadystatechange=function(){//设置状态发生变化时候监听函数
    	if(xmlhttp.readyState ==4 && 200 == xmlhttp.status){
    		console.log(xmlhttp.getAllResponseHeaders());//获取所有的响应头消息
    	    //console.log(xmlhttp.getResponseHeader('server')); //获取服务器信息        
        }
    }

    通过JQuery获取

    var url = 'test.php';
    $.get(url, function(data, statusTest, xhr){
    	console.log(xhr);
    	console.log(xhr.getAllResponseHeaders());//获取所有的响应头消息
    	//console.log(xhr.getResponseHeader('server'));//获取服务器信息   
    });

    返回的结果如下:

    ajax获取重定向后的url

    有的时候,当服务端中进行了重定向,譬如,当我们请求test.php文件时候,在test.php中重定向到test.2php文件。

    test.php文件

    <?php
    header('location: test2.php', true, 307);

    test2.php文件

    <?php
    var_dump("test2");

    通过浏览器请求http://localhost/test.php,会自动重定向到http://localhost/test2.php,我们可以看出实际上请求的网址。


    那么ajax是否可以获取最终请求的地址http://localhost/test2.php呢?答案是肯定的。

    var url = 'test.php';
    var xmlhttp = createXmlHttp();
    xmlhttp.open("GET", url, true);
    xmlhttp.send();
    
    xmlhttp.onreadystatechange=function(){//设置状态发生变化时候监听函数
    	if(xmlhttp.readyState ==4 && 200 == xmlhttp.status){
    		console.log(xmlhttp.responseURL);//最终请求的url
        }
    }




    本文为原创文章,请尊重辛勤劳动,如需转载,请保留本文地址
    http://www.findme.wang/blog/detail/id/252.html

    若您感觉本站文章不错,读后有收获,不妨赞助一下?

    我要赞助

    您还可以分享给朋友哦

    更多
    顶
    5
    踩
    0
    • 上一篇: PHP中关于$_SERVER详解
    • 下一篇: 利用Shell中awk和sort命令合并同类数据后并依据某一列进行排序
    • 查看评论
    • 正在加载中...
    • 留言
    • 亲,您还没有登录,登录后留言不需要审核哦!
      可以使用如下方式登录哦!
  • CSDN | 新浪微博 | github | 关于我们 | 我要留言 | 友链申请
  • 豫ICP备18038193号    Copyright ©lidequan All Rights Reserved