Я, используя PHP, AJAX, html для отображения данных mysql в таблице, мне удалось передать данные с помощью ajax, поскольку я могу отобразить их в консоли разработчика, но не могу получить их для вывода в таблицуЯ думаю, что я либо немного пропустил, либо неправильно записал часть таблицы, но он не возвращает ошибок, он просто возвращает item.beacon.
EDIT: после рекомендации использовать APPEND я обновил код дониже, но он не возвращает ни ошибки, ни каких-либо данных, даже если данные все еще присутствуют.
если есть какая-либо дополнительная информация, я обновлю вопрос, чтобы включить ее.
PHP
<?php
header('Content-type: application/json');
$servername = "localhost";
$username = "user";
$password = "password";
$dbname = "test";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
# header('Content-Type: applicaton/json');
$sql = "SELECT
*
FROM
(SELECT
beacon,location,date,
COUNT(location) AS counter
FROM `track`
WHERE `date` = CURDATE() and `time` > NOW() - interval 60 second
GROUP BY beacon) AS SubQueryTable
ORDER BY SubQueryTable.counter DESC;";
$result = $conn->query($sql);
$result = mysqli_query($conn , $sql);
$rows = array();
while($r = mysqli_fetch_assoc($result)) {
$rows[] = $r;
}
echo json_encode($rows);
$conn->close();
?>
HTML
<!DOCTYPE html>
<html>
<head>
<title>PHP MySQL</title>
<script src='https://code.jquery.com/jquery-2.1.3.min.js'></script>
</head>
<body>
<script>
$(document).ready(function(){
$.ajax({
type: "POST",
url: "fetch.php",
data: "getrow",
}).done(function( data ) {
$('table').append('<tr><td>'+data['beacon']+'</td></tr><tr> <td>'+data['location']+'</td></tr>');
}).fail(function(jqXHR, textStatus) {
alert('Request Failed');
});
});
</script>
<script src="vendor/jquery/jquery.min.js"></script>
<script>
var sec = 0;
function pad(val) {
return val > 9 ? val : "0" + val;
}
var timer = setInterval(function () {
$(".seconds").html(pad(++sec % 60));
$(".minutes").html(pad(parseInt(sec / 60, 10)));
}, 1000);
</script>
</body>
</html>