JavaScript + JSON
let userPassObj = {
"login" : document.getElementById('user-input').value,
"password" : document.getElementById('pass-input').value
}
let userPassParams = JSON.stringify(userPassObj)
xhr = new XMLHttpRequest()
xhr.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
let wer = document.getElementById('wer') // Просто div на странице
wer.innerHTML = JSON.parse(this.response)
}
}
xhr.open("POST", "/myProjects/todolist/php/checkUser.php", true)
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
xhr.send("x=" + userPassParams);
PHP
<?php
// Подключаемся к базе данных
require_once 'login.php';
header("Content-Type: application/json; charset=UTF-8");
$json = json_decode($_POST["x"], false);
if ($conn = mysqli_connect($hn, $un, $pw, $db)) {
if ($result = mysqli_query($conn, 'SELECT `username` FROM users')) {
while ($row = mysqli_fetch_assoc($result)) {
echo json_encode($row);
}
mysqli_free_result($result);
}
mysqli_close($conn);
}
else
{
echo 'Не удалось установить подключение к базе данных';
}
?>
Открываю инструмент разработчика в Mozilla Firefox, вкладку "Сеть", в ответе запроса получаю ошибку:
SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data at line 1 column 21 of the JSON data
Я понимаю, что ошибка заключена именно в пробеле между объектами. Интересует, как его исправить?
JSON.parse('{"username": "admin"} {"username": "user"}')
->SyntaxError: JSON.parse: unexpected non-whitespace character after JSON data at line 1 column 23 of the JSON data
. У вас кривой JSON, т.к. логично было бы вернуть один словарь с admin или user, либо вернуть список из двух словарей{ {...}, {...} }
в общем как сказали выше - невалидный JSON