javascript - jquery ajax 请求返回未定义

Question

我试图让链接执行一个非常简单的请求，但我似乎无法弄清楚为什么我返回的内容是“未定义”。

当前该链接执行手动页面请求，但这是一个简单的订阅事情，我希望它不刷新页面(因此是preventDefault)。但如果 JS 不起作用或被阻止，链接应该执行正常的页面请求(两全其美？)。

这是捕获链接点击的 JS

  $('#subscribe-link').click(function(e)
  {
    e.preventDefault();
    var type = $(this).data('sub');
    $.post('/includes/ajax/subscribe-article.php', { 'type':type },
    function(data)
    {
      alert(data.result);
      if (data.result == 'subscribed')
      {
        alert('subscribe');
      }
      else if (data.result == 'unsubscribed')
      {
        alert('unsubscribe');
      }
    });
  });

这是为其提供支持的 PHP:

if($_POST && isset($_SESSION['user_id']) && $_SESSION['user_id'] != 0)
{
  if (isset($_POST['type']))
  {
    if ($_POST['type'] == 'subscribe')
    {
      echo json_encode(array("result" => "subscribed"));
      return;
    }

    if ($_POST['type'] == 'unsubscribe')
    {
      echo json_encode(array("result" => "unsubscribed"));
      return;
    }
  }
}

现在，我已经检查了“数据”本身返回的内容，这是:

{"result":"unsubscribed"}

这是正确的，我不确定这次我错过了什么。

Answer 1

由于变量 data 包含预期结果的 JSON 表示形式，因此它显然是一个字符串。然而，您尝试将该字符串中包含的信息作为对象进行访问。为此，您首先需要通过解码返回的 JSON 从字符串创建一个对象:

var myData = JSON.parse(data);
alert(myData.result);
...