使用 Ajax 请求设置 Cookie

Question

我有一个带有一个按钮的 php 页面。单击该按钮时，将运行一个 jquery 函数，该函数执行一些验证测试，然后使用 ajax 提交表单。在ajax 运行的php 脚本中，设置了一个cookie。在设置 cookie 之后，我立即尝试获取 cookie 值，我从脚本中回显该值并在 ajax 请求的成功函数中吐出。 cookie 值尚未设置。

代码如下。

mainpage.php

<script type="text/javascript">
    $( document ).ready(function()
    {
        $('#submit_compare_stage1').click(function()
        {
            //Validation stuff

            if (passed_validation)
            {
                var form_data = $('#compare_form').serialize(); //Collect query details into a form

                $.ajax({
                    type: "POST",
                    url: "scripts/process_compare.php",
                    data: form_data,

                    success: function(data)
                    {
                        alert(data);
                    },

                    error: function(jqXHR, textStatus, errorThrown)
                    {
                        //Error stuff
                    }
                });
            }

            return false;
        });
    });
</script>

<form name="compare_form" id="compare_form" action="">              
    ....

    <button id='submit_compare_stage1' name='submit_compare_stage1'>Next</button>
</form> 

process_compare.php

<?php
    //MySQL Stuff

    makeCookie('cs', '2');

    echo 'hi' . getCookie('cs', false);

    echo "success";

    function makeCookie($name, $contents, $length = 3600)
    {
        // Create a new cookie
        setcookie($name, $contents, time() + $length, '/');
    }

    function getCookie($name, $delete = true) 
    {
        // Return the contents of a cookie and delete it if requested

        $contents = $_COOKIE[$name];

        if($delete) {
            setcookie($name, '', time() - 3600, '/');
            setcookie($name, '', time() - 3600);
        }

        return $contents;
     }
?>

ajax 请求正在发布警报消息，提示“hisuccess”，因此未设置 cookie。

我不确定是不是因为页面需要刷新或其他原因，但我知道当我们使用 action="/process_compare.php" 和 iframe 定期提交表单时，代码可以正常工作结果成。

有人可以帮忙吗？

Answer 1

cookie 作为响应的标头发送。在 data 参数中，您将获得响应的正文，而不是标头。

您从getResponseHeader() 或MDN - getAllResponseHeaders() 获得的响应标头似乎不包括Set-Cookie 标头。

但是 cookie 是由浏览器透明处理的。因此，为了访问 cookie，您可以使用 document.cookie 属性

$.ajax({
    ...
    success: function(data, status, jqxhr) {
        var cookies = [];
        if (document.cookie)
            cookies = document.cookie.split('; ');

        // do something with the cookies
    },
});

或使用github 提供的jQuery Cookie 插件。