javascript - Fetch Api 无法从 PHP 服务器获取 Session

Question

我在我的应用程序中使用 Fetch Api。

我有一个 PHP 服务器页面来获取之前已经定义的 session 数据。看起来像这样:

<?php
header('Content-Type: application/json; charset=UTF-8');
header('Access-Control-Allow-Origin: *');

session_start();
// $_SESSION['data'] already defined before
$result = array();
// print_r($_SESSION['data']);
if (isset($_SESSION['data'])) {
  $result = $_SESSION['data'];
  $result['code'] = 'ok';
} else {
  $result['code'] = 'error';
}
echo json_encode($result, JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES);

我还有另一个 html 页面来获取 session 数据。看起来像这样:

  <script>
    $(function() {
      // use $.ajax
      $.ajax({
          url: 'session.php',
          dataType: 'json'
        })
        .done(function(res) {
          console.log(res);
        });
      // end

      // use fetch
      fetch('session.php').then(function(res) {
        if (res.ok) {
          res.json().then(function(obj) {
            console.log(obj);
          });
        }
      });
      // end
    });
  </script>

问题是，当我使用 $.ajax() 时， session 数据可以正确显示。但是当我使用 fetch() 时， session 数据是未定义的。

那么，出了什么问题，我该如何解决呢？谢谢!

Answer 1

如果您希望fetch 发送cookie，您必须提供credentials 选项。

参见 https://developer.mozilla.org/en-US/docs/Web/API/GlobalFetch/fetch#Parameters了解详情。