Вывод данных через ajax с типом данных JSON

@Eur93 · Регистрация: 16.09.2013

Студворк — интернет-сервис помощи студентам

Если я из обработчика пишу это, выведет, как и ежу понятно, 1 кнопку.

PHP
1
2
3
4
...
$res = mysqli_query($db, 'SELECT `podmenu_name` FROM оттуда-то WHERE то-то');
$row = mysqli_fetch_array($res);
echo json_encode('<button id="butmenu2">'.$row['podmenu_name'].'</button>');

Но вообще в массиве

PHP
1
$row = mysqli_fetch_array($res);

несколько значений, допустим, кот, собака и лошадь. Как мне вывести три кнопки? Если такой способ не работает (возможно, где-то я ошибся)?

PHP
1
2
3
4
5
...
$res = mysqli_query($db, 'SELECT `podmenu_name` FROM оттуда-то WHERE то-то');
while ($row = mysqli_fetch_array($res)) {
     echo json_encode('<button id="butmenu2">'.$row['podmenu_name'].'</button>');
}

Прошу помощи.

@Lazy_Den · 19.01.2014, 11:18

Красивенько "упакуйте" данные в строку или массив (смотря, что вам надо) и отправляйте ответом уже их:

PHP
1
2
3
4
5
6
7
8
9
$str = '';
//$arr = array(); // если массив
while ($row = mysqli_fetch_array($res)) {
     $str .= '<button id="butmenu2">'.$row['podmenu_name'].'</button>';
     // $arr[] = '<button id="butmenu2">'.$row['podmenu_name'].'</button>'; // для массива
}
echo json_encode($str);
// echo json_encode($arr); // соответственно
exit;

@Eur93 · 19.01.2014, 14:02 **[ТС]**

Lazy_Den, Спасибо, еще один вопрос, чтобы потом снова далеко не бегать.

когда пришла переменная на страницу index.php и распоковала кнопочки,

Сообщение от Lazy_Den

cho json_encode($str);

могу ли я над этими кнопками совершать действия?

А то пишу самый обычный скрипт, а не канает... Как мне поступить? Мне необходимо, чтобы эти кнопки совершали другое действие.

Вот пример, который не канает. (В кнопке из прошлого сообщения id поменял на class)

HTML5
1
<input id="trololo" type="text" value=""></input>

JavaScript
1
2
3
$(document).ready(function() {
    $('.butmenu2').click(function(){ 
        $("#trololo").val(10); }); });

@Lazy_Den · 19.01.2014, 20:29

Для динамически созданных элементов, надо использовать метод .on() и желательно с делегированной обработкой событий. Про такой метод, как .live(), если вы его используете или вообще слышали - забыть. Про делегированную обработку, попробую объяснить простым языком:
Вешаем событие на динамический элемент, отталкиваясь от его статичного родителя (может быть даже body). Возьмем, к примеру, элемент #parent_block и подгрузим в него средствами ajax другой - #dynamic_childe. Теперь, чтоб событие клика работало на #dynamic_childe, мы запишем это так:

JavaScript
1
2
3
$('#parent_block').on('click', '#dynamic_childe', function(){
    // this - будет именно объект #dynamic_childe, а не #parent_block
});

В вашем случае, надо знать - динамический элемент .butmenu2 или нет. если статический, то вполне достаточно использовать on() без делигированной обработки, в противном случае - искать ближайший статический элемент:

JavaScript
1
2
3
4
5
6
7
8
// или 
$('.butmenu2').on('click', function(){ 
    $("#trololo").val(10); 
}); 
// или 
$('body').on('click', '.butmenu2', function(){
    $("#trololo").val(10); 
});

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .