javascript/jquery读取和修改HTTP headers

pyzheng

浏览: 3425547 次
性别:
来自: 珠海

最近访客更多访客>>

kopomimi

oszerone

lindow

leisure0422

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2016-06 ( 26)
2016-05 ( 32)
2016-04 ( 33)
更多存档...

博客分类：

Javascript

jQuery Ajax可以通过headers或beforeSend修改request的HTTP headers，例如：

    $.ajax({
        url: "./test.php",
        type: "POST",
        headers: {
            "Accept" : "text/plain; charset=utf-8",
            "Content-Type": "text/plain; charset=utf-8"
        },
        /*
        beforeSend: function(jqXHR, settings) {
            jqXHR.setRequestHeader('Accept', 'text/plain; charset=utf-8');
            jqXHR.setRequestHeader('Content-Type', 'text/plain; charset=utf-8');
        },
        */
        data: {"user" : "min", "pass" : "he"},
        error: function(jqXHR, textStatus, errorThrown) {
            //....
        },
        success: function(data, textStatus, jqXHR) {
            //....
        }
    }

注意：：W3规定XMLHttpRequest并不能修改全部的HTTP Headers，而仅是一小部分。
比如：
Host: localhost:58188
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:31.0) Gecko/20100101 Firefox/31.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: zh-cn,zh;q=0.8,en-us;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate
Connection: keep-alive
role:2
username:106110454@qq.com
password:lw=kQH
password:1

jquery获取HTTP headers:
test.html:

    <html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    </head>
    <body></body>
    <script type="text/javascript">
    $(document).ready(function(){
        $.ajax({
            url: "./test.php",
            type: "POST",
            data: {"user" : "min", "pass" : "he"},
            error: function(jqXHR, textStatus, errorThrown) {
                if (textStatus == "error") {
                    alert(textStatus + " : " +errorThrown);
                } else {
                    alert(textStatus);
                }
            },
            success: function(data, textStatus, jqXHR) {
                alert(jqXHR.getResponseHeader("Server"));
                alert(jqXHR.getResponseHeader("Content-Type"));
                alert(jqXHR.getResponseHeader("X-Powered-By"));
                alert(jqXHR.getResponseHeader("Content-Encoding"));
                alert(jqXHR.getAllResponseHeaders());
                alert(jqXHR.getResponseHeader("Set-Cookie"));       //返回null，不能获取Set-Cookie的值
                alert(data + textStatus);
            }
        });
    });
    </script>
    </html>
test.php:

    <?php
    if (isset($_COOKIE["time"])) {
        $time = $_COOKIE["time"] + 1;
    } else {
        $time = 1;
    }
    setcookie("time", $time);

    $user = $_REQUEST["user"];
    $pass = $_REQUEST["pass"];
    print $user.$pass." ".$time;

jQuery通过XMLHttpRequest的getResponseHeader或getAllResponseHeaders()可以获取指定的HTTP header field的值，但规定不能获取Set-Cookie和Set-Cookie2的值。

参考:

http://stackoverflow.com/questions/1145588/cannot-properly-set-the-accept-http-header-with-jquery
http://stackoverflow.com/questions/2444489/getresponseheader-is-not-a-function

分享到：

jquery mobile的一些使用记录。 | 自定义Access-Control-Allow-Origin策略以 ...

2014-11-23 22:59
浏览 6330
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论