javascript - 即使我返回 json，也无法弄清楚为什么 Ajax 返回错误

Question

所以我多次看到这个问题被问到，也有很多关于它的答案，但没有一个能解决我自己的问题，我真的不明白这可能来自哪里。

为什么我使用 Controller 返回 json 内容，但仍然访问 Ajax 请求的错误部分？

这是我的 Ajax:

$.ajax({
    url: '../ajax/addArticle',
    type: 'POST',
    data : {
        title : $('#title').val(),
        content :  CKEDITOR.instances.editor.getData(),
    },
    dataType: 'json',
    success: function (data){
        console.log(data);
        if(data == "Posted"){
            alert('Article posté');
            window.location = "/blog";
        }
    },
    error: function(e) {
          console.log(e);
    }
});

我的 Controller 返回这个:

$data = ['data' => 'Posted'];
header('Content-Type: application/json');
$data = json_encode($data);
return $data;

但是这是输出:

Answer 1

您应该在服务器上执行此操作:

echo json_encode($data);
// $data = json_encode($data);
// return $data;

服务器目前没有回显任何内容，这就是请求失败的原因，因为您有一个 dataType: 'json' ajax 无法从服务器获取 JSON 响应。