Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.10.2019, 18:00
Интересующийся
Отправить личное сообщение для Wimko Посмотреть профиль Найти все сообщения от Wimko
 
Регистрация: 05.10.2019
Сообщений: 13

Как описать событие нажатия на динамическую сформированную кнопку ajax?
Всем привет пытаюсь самостоятельно изучать js и выходящие jquery а в частности ajax. В общем появилась проблема, нужно отправить скрытое поле с уникальным id в обработчик ajax-ом. Сложность заключается в том, что формы со скрытым полем содержащим id формируются автоматически из базы в таблицу... Я новичок, поэтому скорее всего я пытался сделать не совсем оптимальное решение. В общем...

Формируются строки таблиц в конце каждой строки формируются некие формы
<form method="post" action="" onsubmit="return false"> 
             <input type="hidden" name="uidstudinf" value="05793">
             <button style="font-size: 10px;" id="informationbtn" onClick = "getdetails(this)" class="btn btn-primary" data-toggle="modal" data-target=".information">Информация</button>
              </form>
<form method="post" action="" onsubmit="return false"> 
             <input type="hidden" name="uidstudinf" value="03393">
             <button style="font-size: 10px;" id="informationbtn1" onClick = "getdetails(this)" class="btn btn-primary" data-toggle="modal" data-target=".information">Информация</button>
              </form>


Что делаю я.... я сначала хотел получить ID нажатой кнопки, искал решение читал наткнулся на такой способ...

var idinformstudents;
    function getdetails(obj) {
                var id = $(obj).attr("id");
                idinformstudents='#'+id;
                return id;
    };


Таким образом в переменную idinformstudents записывались подобные данные #informationbtn1

Дальше попробовал вставить полученную переменную в функцию клика ajax.
$(function(){ 
/*  понимаю что функция выполняется как ready просто не знаю как построить правильно конструкцию с учетом задачи*/
      
      $(idinformstudents).click (function(){
        var uidinformstud   = $('#uidstudinf').val(); /* uidinformstud   это уникальный ID*/
        
        $.ajax ({
            url: '/scripts/scriptinf.php',
            type: 'post',
            data: {uidinformstud: uidinformstud

            },

            success: function(data)
            {
              $("#infostuddiv").html(data);

            }

        });


В общем ничего не работает, буду признателен если подскажите как решить проблему....
Ответить с цитированием
  #2 (permalink)  
Старый 05.10.2019, 18:32
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

id="informationbtn" - это у кнопок выбросить, это тоже выбросить
var idinformstudents;
function getdetails(obj) {
var id = $(obj).attr("id");
idinformstudents='#'+id;
return id;
};
форма похоже тоже не нужна, значит достаточно иметь одни кнопки без скрытых полей:

<button value="05793">Информация</button>
<button value="03393">Информация</button>


А обработчик щелчка по ним у вас есть тут onClick = "getdetails(this)" (что это такое?), в нем можно добавить вызов функции ajax запрос.
Ответить с цитированием
  #3 (permalink)  
Старый 08.10.2019, 11:33
Интересующийся
Отправить личное сообщение для Wimko Посмотреть профиль Найти все сообщения от Wimko
 
Регистрация: 05.10.2019
Сообщений: 13

Сообщение от laimas Посмотреть сообщение
id="informationbtn" - это у кнопок выбросить, это тоже выбросить
var idinformstudents;
function getdetails(obj) {
var id = $(obj).attr("id");
idinformstudents='#'+id;
return id;
};
форма похоже тоже не нужна, значит достаточно иметь одни кнопки без скрытых полей:

<button value="05793">Информация</button>
<button value="03393">Информация</button>


А обработчик щелчка по ним у вас есть тут onClick = "getdetails(this)" (что это такое?), в нем можно добавить вызов функции ajax запрос.
Спасибо помогло)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите, как сюда прикрутить ajax? drkrol jQuery 9 25.09.2015 20:47
Сохранение результата ajax запроса после нажатия 'back' gregOlsen AJAX и COMET 5 18.11.2009 12:23
Объясните как вызывается ajax скрипт AddressBook из формы prog90 AJAX и COMET 3 06.06.2009 16:12
Как имитировать событие мыши Andrey_V Общие вопросы Javascript 4 10.11.2008 16:39
как проверить поддеружет браузер определенное событие? GOll Элементы интерфейса 9 24.07.2008 14:40