Попытка загрузить данные из mysql в jsgrid
Я только начал учиться ajax,
Здесь я пытаюсь загрузить данные из простой таблицы (имя-детали (имя, возраст)) из MySQL в jsgrid,
У меня два 2 файла 1)index.php 2)hello.php в той же папке
index.php :
<Doctype! HTML></Doctype!>
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/jsgrid.min.css" />
<link type="text/css" rel="stylesheet" href="css/jsgrid-theme.min.css" />
</head>
<body>
<div id="jsGrid"></div>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/jsgrid.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
hello.php
<?php
switch($_SERVER["REQUEST_METHOD"]) {
case "GET":
$dbhost = "localhost";
$dbuser = "root";
$dbpsw = "";
$dbname= "tp";
@$dbh = new PDO("mysql:host=$dbhost;dbname=$dbname", $dbuser, $dbpsw);
$dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$dbh->setAttribute(PDO::ATTR_EMULATE_PREPARES, false);
$data = array();
$stmt = $dbh->prepare("SELECT * FROM details");
$stmt->execute();
$affected_rows = $stmt->rowCount(); //Rows count
if ($affected_rows == 0) {
echo "no data";
exit();
}
foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
$data[] = $row;
}
echo json_encode($data);
break;
}
?>
main.js
$(document).ready(function(){
$("#jsGrid").jsGrid({
width: "70%",
height: "400px",
inserting: true,
editing: true,
sorting: true,
paging: true,
filtering:true,
controller: {
loadData: function(filter) {
return $.ajax({
type: "GET",
url: "hello.php",
data: filter
});
}
},
fields: [
{ name: "name", title: "Name", type: "text", width: 150 },
{ name: "age", title: "Age", type: "number", width: 50, filtering: false },
{ type: "control" }
]
});
});
hello.php показывает идеальный вывод данных из базы данных, однако в index.php данные не загружаются в jsgrid и это показывает not found
Пожалуйста помоги.
Заранее спасибо.
Решение
Задача ещё не решена.
Другие решения
Других решений пока нет …