Добрый день. Разрабатываю маленький полуучебнрый проект, столкнулся с такой проблемой и не знаю даже куда копать, что гуглить??
Хочу АЯКСОМ выводить данные за разные года, допустим в БД есть таблица с полем ГОД.
Я нажимаю Селект и он мне АЯКСОМ выводит все записи учеников, где есть эти данные для этого года, ГРУППИРУЯ их по группам.
Разобрался что для того чтоб вывести данные табличной форму, нужен JSON, но так и не понял с чем его едят, логика скриптов врое верная, НО: выводится почему то каждая строка таблицы как отдельная таблица.
На скриншоте будет понятнее:
Как мне вывести строки как единую таблицу ?? В идеале бы конечно разбить еще и по группам на таблицы, пока разбивается только по году, и то как то странно.
Привожу отрывки кода:
1_
РНР
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
switch($todo) {
case 'GodTR':
$god = $_POST['God'];
//$result = $mysqli->query("INSERT INTO sports (sport) VALUES( '$sport' )");
$test = ('SELECT * FROM `rosts` WHERE god = '.$god);
$sql = mysqli_query($link,$test);
$rowData = array();
while($result = mysqli_fetch_array($sql, MYSQLI_ASSOC)){
$rowData[] = $result;
}
if(empty($rowData)){
// если новостей нет
echo json_encode(array(
'result' => 'finish'
));
}
else{
// если новости получили из базы, то сформируем html элементы
// и отдадим их клиенту
$html = "";
foreach($rowData as $oneRow){
$html .= "
<h3>$god</h3>
<table border=\"1\" id=\"tr\">
<thead bgcolor=\"#ffcc00\">
<tr>
<th>Id</th>
<th>Группа</th>
<th>Студент</th>
<th>Год</th>
<th>Победы</th>
<th>Место</th>
<th>Дата соревнования</th>
<th>Место проведения:</th>
<th colspan=\"2\">Действие</th>
</tr>
</thead>
<tbody>
<tr id=\"{$oneRow['id']}\" name=\"delRost\">
<td>{$oneRow['id']}</td>
<td>{$oneRow['id_group']}</td>
<td>{$oneRow['id_student']}</td>
<td>{$oneRow['god']}</td>
<td>{$oneRow['sorevnovanie']}</td>
<td>{$oneRow['data']}</td>
<td>{$oneRow['pobed']}</td>
<td>{$oneRow['mesto']}</td>
<td>
<form name=\"edit\" action=\"editSport.php\" method=\"POST\">
<input type=\"hidden\" name=\"id\" value=\"{$oneRow['id']}\"/>
<input type=\"submit\" name=\"editTrButton\" value=\"Редактировать\"/>
</form>
</td>
<td>
<form class=\"delete\" name=\"delStudForm\" method=\"POST\">
<input type=\"hidden\" name=\"id\" value=\"{$oneRow['id']}\"/>
<input type=\"button\" name=\"delTrButton\" value=\"Удалить\" onclick=\"\" />
</form>
</td>
</tr>
</tbody>
</table>
";
}
echo json_encode(array(
'result' => 'success',
'html' => $html
));
}
2) JS
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
$(document).ready(function(){
$('#selectTR').click(function(){
var God=$("#selectTR").val();
var Action = $("#selectTR").attr("name");
//alert(Action);
$.ajax({
url: "queryAll.php", // куда отправляем
type: "post", // метод передачи
dataType: "json", // тип передачи данных
data: { // что отправляем
"God": God,
"Action": Action
},
// после получения ответа сервера
success: function(data){
if(data.result == "success"){
//alert(data.html);
$('#accordion').append(data.text);
$( "#accordion" ).accordion( "refresh" );
//btn_more.val('Показать еще');
}
else{
}
}
});
});
});
</script>
