Добрый вечер! Пытаюсь сделать зависимые списки select и видимо где-то ошибка. Так как я только разбираюсь в ajax, не могу понять где она. Помогите, пожалуйста. Мне кажется, что ошибка где-то в запросе, т.к. при выборе категории выходит alert "При выполнении запроса произошла ошибка
" Но что именно не так с запросом?
| HTML5 |
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
| <!-- Форма для динамических списков -->
<form action="" method="post" id="dynamic_selects">
<div class="row">
<label for="kat">Категория</label>
<select id="kat">
<option value="0">Выберите из списка</option>
<?php
for($i=0;$i<$kolvo_kat;$i++)
{
$stroka_kat=mysql_fetch_assoc($dannye_kat);
$sel='';
if($stroka_kat['kid']==$kat_sel)
{
$sel=' selected="selected"';
}
echo '<option value="'.$stroka_kat['kid'].'"'.$sel.'>'.$stroka_kat['kname'].'</option>';
}
?>
</select>
</div>
<div class="row">
<label for="tip">Тип</label>
<select id="tip" disabled>
<option value="0">Выберите из списка</option>
</select>
</div>
</form> |
|
Запросы
| PHP |
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
| $stroka_zaprosa_kat="SELECT * FROM kat";
$dannye_kat=mysql_query($stroka_zaprosa_kat, $connect) or die(mysql_error()) ;
$kolvo_kat=mysql_num_rows($dannye_kat);
$kat_sel="";
if(isset($_POST['kat']))
{
$kat_sel=$_POST['kat'];
}
$tip = $mysqli->query("SELECT *
FROM `tip`
WHERE `id_kat` = '".$_POST['kat_id']."'");
$arr = array();
while($row = mysqli_fetch_assoc($tip)){
$arr[] = array($row['tid'] => $row['tname']);
}
return $arr;
if (!isset($_POST['query']) || !$_POST['query']) {
exit("Нет данных определяющих тип запроса");
}
else {
$query = trim($_POST['query']);
// Определяем тип запроса
switch($query) {
case 'getTip':
// Формируем массив с ответом
$result = NULL;
$i = 0;
foreach ($arr as $tip_id => $tip) {
$result[$i]['tip_id'] = $tip_id;
$result[$i]['tip'] = $tip;
$i++;
}
break;
default:
// Если данные не определены
$result = NULL;
break;
}
}
// Преобразуем данные в формат json, чтобы их смог обработать JavaScript-сценарий, приславший запрос
echo json_encode($result); |
|
Скрипт
| Javascript |
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
| (function () {
"use strict";
jQuery(function () {
$( '#kat' ).change(function () {
$( '#tip').find( 'option:not(:first)' )
.remove()
.end()
.prop( 'disabled',true );
var kat_id = $( this ).val();
if (kat_id == 0) { return; }
$.ajax({
type: "POST",
url: "query.php",
dataType: "json",
data: "query=getTip&kat_id=" + kat_id,
error: function () {
alert( "При выполнении запроса произошла ошибка :(" );
},
success: function ( data ) {
for ( var i = 0; i < data.length; i++ ) {
$( '#tip' ).append( '<option value="' + data[i].tip_id + '">' + data[i].tip + '</option>' );
}
$( '#tip' ).prop( 'disabled', false );
}
});
});
});
})(); |
|
" Но что именно не так с запросом?
(
