javascript - PHP + JS + AJAX : Unexpected token { in JSON

Question

在尝试通过 AJAX 从 GET 请求返回一些数据时，我不断收到这个令人讨厌的错误消息 ...Unexpected token { in JSON... 我可以清楚地看到它来自哪里。请注意，只有当我从数据库返回的项目超过一 (1) 个时，才会发生这种情况。如果我只有一 (1) 个项目，我可以访问它 data.id、data.user_name 等等。

{  
   "id":"39",
   "user_id":"19",
   "user_name":"Brandon",
   "content":"Second Post",
   "date_created":"2018-01-24 21:41:15"
}/* NEEDS TO BE A ',' RIGHT HERE */ {  
   "id":"37",
   "user_id":"19",
   "user_name":"Brandon",
   "content":"First",
   "date_created":"2018-01-24 15:19:28"
}

但我不知道如何修复它。使用数据、数组和对象是我尚未掌握的一种艺术形式。

JavaScript (AJAX)

const xhr = new XMLHttpRequest();

xhr.open('GET', 'http://localhost/mouthblog/test.php');
xhr.onload = () => {
  if (xhr.status == 200) {
    const data = xhr.responseText;
    const jsonPrs = JSON.parse(data);
    console.log(jsonPrs);
  } else {
    console.log('ERROR');
  }
};
xhr.send();

PHP(这是数据的来源)

<?php

class BlogRoll extends Connection {
  public function __construct() {
    $this->connect();

    $sql    = "SELECT `id`, `user_id`, `user_name`, `content`, `date_created`
               FROM `posts`
               ORDER BY `date_created` DESC";
    $query  = $this->connect()->prepare($sql);
    $result = $query->execute();

    if ($result) {
      while ($row = $query->fetch(PDO::FETCH_OBJ)) {
        header('Content-Type: application/json;charset=UTF-8');
        echo json_encode($row);
      }
    } else {
      echo 'NO POSTS TO DISPLAY';
    }
  }
}

我已经处理这个问题几个小时了，与我在 SO 上的问题类似的所有内容似乎都有所不同，而且我真的找不到关于返回真实数据的像样的纯 JavaScript 教程。每个人都想使用 jQuery。

Answer 1

你的代码失败的原因是因为你正在使用

echo json_encode($row);

这将为每一行回显一个数组，但它不是有效的 JSON。我已更正您的 PHP 代码(注意:尚未经过测试)

<?php

class BlogRoll extends Connection {
  public function __construct() {
    $this->connect();

    $sql    = "SELECT `id`, `user_id`, `user_name`, `content`, `date_created`
               FROM `posts`
               ORDER BY `date_created` DESC";
    $query  = $this->connect()->prepare($sql);
    $result = $query->execute();

    $returnArray = array(); // Create a blank array to put our rows into

    if ($result) {
      while ($row = $query->fetch(PDO::FETCH_OBJ)) {
        array_push($returnArray, $row); // For every row, put that into our array
      }
    } else {
        // Send the JSON back that we didn't find any data using 'message'
        $returnArray = array(
            "message" => "No data was found"
        );
    }

    header('Content-Type: application/json;charset=UTF-8'); // Setting headers is good :)
    exit(json_encode($returnArray)); // Exit with our JSON. This makes sure nothing else is sent and messes up our response.

  }
}

另外，你说的是:

If I only have one(1) item I am able to access it data.id, data.user_name, so on and so forth.

这是正确的，因为数组只包含那一项。您将通过 data.0.id、data.1.id、data.2.id 等访问它的示例，因为每一行都在其自己的数组中。