Ajax JSON не возвращает данные

Question

Я пытаюсь использовать jQuery/Ajax для вызова файла PHP, возвращающего все необходимые данные в формате JSON, однако страница просто застревает с текстом «загрузка» в нижней части экрана. Я читал различные другие сообщения об этом, но никто не помог решить эту проблему для меня.

$(document).ready(function() { 
    $.ajax({ 
    type: 'POST', 
    dataType: 'json', 
    url: 'php/process.php', 
    data: data, 
    success: function(data) { 
     $('.data').html(data['name']); 
    } 
    }); 
}); 

Просто включая файл PHP на странице вторит JSON не проблема, это просто вызов через JQuery/Ajax, которая не работает для меня.

<?php 

$mysqli = new mysqli('localhost', 'test', 'pass@word1', 'test'); 
$sql = "SELECT * FROM test_json"; 
$result = $mysqli->query($sql); 

$data = array(); 

if ($result->num_rows > 0) { 
    while ($row = $result->fetch_assoc()) { 
    array_push($data, $row); 
    } 
} 

echo json_encode($data); 

?> 

Любая помощь очень ценится. Благодарю.

Answer 1

Вы можете попробовать добавить заголовок,

<?php 
header('Content-Type: application/json; charset=utf-8'); 

правой кнопкой мыши и осмотрите элемент.
Выберите вкладку «Сеть»
Выберите XHR в нижней части окна
проверьте заголовок ответа и тело ответа.

Добавить

echo sql_error(); 
print_r($data); 

От инспектора я не вижу запрос на «process.php»
Я вижу один к fetchposts()
fetchposts возвращает 3 линии и каналы и нуля при длина содержимого 5 байтов