Muy buenas a todos, Dios los bendiga!,
Sucede que estoy siguiendo un tutorial al pie de la letra pero estoy teniendo problemas a pesar de que copio todo como es, Estoy intentando enlistar todas las tareas que estan en la DB, La cual tiene los datos correctamente insertados, Tambien tengo la conexion correctamente ya que la he utilizado antes para insertar las nuevas tareas, Y bueno, el problema lo tengo al usar JSON.parse();
en una peticion AJAX, Ya revise que el problema no fuera del servidor y vi que el codigo esta bien, Ya le he dado muchas vueltas y deseo que puedan ayudarme, Muchas gracias.
Script DB
CREATE DATABASE IF NOT EXISTS php_tests;
USE php_tests;
CREATE TABLE IF NOT EXISTS tasks(
ID INT(11) AUTO_INCREMENT NOT NULL,
Title VARCHAR(100) NOT NULL,
Description VARCHAR(255) NOT NULL,
CONSTRAINT pk_tasks PRIMARY KEY(ID)
);
Conexion a la DB
<?php
$connection = mysqli_connect(
'localhost',
'root',
'admin',
'php_tests'
);
Codigo del servidor que envia el array a el archivo JS
<?php
require_once 'connection.php';
$query = "SELECT * FROM tasks";
$result = mysqli_query($connection, $query);
if (!$result) {
die('Query Failed' . mysqli_error($connection));
}
$json = array();
while ($row = mysqli_fetch_array($result)) {
/* $json = array($row['ID'], $row['Title'], $row['Description']); */
$json = array(
'ID'=>$row['ID'],
'Title'=>$row['Title'],
'Description'=>$row['Description']
);
/* var_dump($json); */
$jsonstring = json_encode($json);
echo $jsonstring;
}
Peticion AJAX (Archivo JS)
$.ajax({
url: 'task_list.php',
type: 'GET',
success: (response) => {
let tasks = JSON.parse(response);
let template = '';
tasks.forEach(task => {
template +=
`
<tr>
<td>${task.ID}</td>
<td>${task.Title}</td>
<td>${task.Description}</td>
</tr>
`;
});
$('#Tasks').html(template);
}
});
Error en consola
SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data at line 1 column 79 of the JSON data
header('Content-Type: application/json');
. Tambien seria util que hicieras un console.log del response.