Не работает Ajax

@Asew · Регистрация: 28.08.2017

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

Братцы, помогите разобраться с Ajax запросом:
у меня есть функция

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
    $test_functions= $dbh->prepare('SELECT  a.index,
                                      a.name,
                                                                      a.time                                                                
                                       FROM s.my_test_functions as a');
    
                        $test_functions->execute();
 
 
 
                        
                        while ($test_functions_to_complete = $test_functions->fetch(PDO::FETCH_ASSOC)) {
                            
                            $new_index = $test_functions_to_complete['index'];
                            $new_name = $test_functions_to_complete['name'];
                            $new_time =$test_functions_to_complete['time'];
 
                            
                            echo '<tr>
                                                        <td width="10%;">' . $new_time. '</td>
                                                        <td width="10%;">' . $new_name. '</td>
                                                        <td class="list" width="10%;">Ф.И.О. </td>
                                                        <td class="approv_list" width="10%;">Действия</td>
                                                        <td class="approv_list" width="10%;">Время подтверждения</td>
                                                        
                                </tr>';
                            
                            $test_functions_to_complete _users = $dbh->prepare('SELECT  
                                                                                  b.index_user, 
                                                                                  b.fio_user,
                                                                                  b.time_user,
FROM s.my_test_functions_users as b
WHERE 
                                                                                            b.index = :new_index');
    
$test_functions_to_complete _users->bindParam(':new_index', $new_index, PDO::PARAM_INT);                    
                                
                                $test_functions_to_complete _users->execute();
 
                                while ($result_test_functions_to_complete _users = $test_functions_to_complete _users->fetch(PDO::FETCH_ASSOC)) {
 
 
                    
                                    
                                    $index_user = $result_test_functions_to_complete _users['index_user'];
                                    $time_user = $result_test_functions_to_complete _users['time_user'];
                                    $fio_user = $result_test_functions_to_complete _users['fio_user'];
                                    
                        
 
                                
                        
                                    {?>
 
                                                <tr>
                                
                                                        <td colspan= "2" width="15%;"><? ' '?></td>
                                                        <td width="10%;"> <?=$fio_user ?></td>
                                                        
                                                        <td width="10%;">
                                                        
                                           
                                                                            <?
 
                                                                            if (!empty($time_user)):
                                                                            {
                                                                            ?>
 
                                                                                <button   name="btn_3" id = "btn_3"  disabled="disabled">Принять</button>
                                                                                <button   name="btn_4" id= "btn_4"  disabled="disabled">Отклонить</button>
 
                                                                            <?}
                                                                                    else:
                                                                            {?>
                                                                                <button  name="tsel_1" id = "tsel_1" value="1"  >Принять</button>
                                                                                
                                                                                <button  name="tsel_2" id= "tsel_2" value="2">Отклонить</button>
                                                                                <input type="hidden" name="id_user" id= "id_user" value="<?=$index_user ?>">
                                                                            
                                                                            <?}
                                                                                    endif;?>
</td>
                                                        
 
                                                        <td width="10%;"><?=$time_user?></td>
                                                        
                                        
                                                  </tr>
                                            
 
                        
                                                <? }    
                        
 
                        }
 
                            }

и ajax запрос вида:

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
<script> 
var index_user = $('#id_user').val ();
$(document).ready (function(){
    
    $('#tsel_1').click (function (){
 
        $.ajax({
 
            url: 'my_test.php',
            method:"POST",
            data: {
                index_user:index_user
            },
            success: function (data){
            
            window.location.reload();//reload page
            }
 
});
    }
});
});
 
</script>

проблема в том что у меня на экране ajax запрос срабатывает только при последовательном нажатии на кнопку принять..
Т.е. на выходе получается N человек и у каждого 2 кнопки. Но чтоб ajax запрос сработал мне надо нажать на кнопку сначала напротив первого , потом второго и т.д. человека. Я не могу нажать на кнопку напротив первого, а потом третьего , ничего не происходит.Не обрабатывается такая запись (

@sasha0012 · 24.05.2018, 12:43

У каждой кнопки должен быть общий класс и уникальный id

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
<script> 
$(document).ready (function(){
    
    $('.класс который объединяет все кнопки').click (function (){
 
        $.ajax({
 
            var index_user = $(this).attr('id'); //id пользователя по которому нажали. 
 
            url: 'my_test.php',
            method:"POST",
            data: {
                index_user:index_user // здесь имя будет всегда разным лучше так: 'user':index_user
            },
            success: function (data){
            
            window.location.reload();//reload page
            }
 
});
    }
});
});
 
</script>

@Asew · 24.05.2018, 12:53 **[ТС]**

а я что сделал не так ? вроде как раз все уникально

@tarasalk · 24.05.2018, 13:23

id у вас не уникальный. В цикле генерируется один и тот же id=tsel_1. С остальными id тоже самое. Погуглите чем отличаются class и id, у вас явное непонимание.

@Asew · 24.05.2018, 13:25 **[ТС]**

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

id у вас не уникальный. В цикле генерируется один и тот же id=tsel_1. С остальными id тоже самое. Погуглите чем отличаются class и id, у вас явное непонимание.

как сделать уникальный ? есть идеи ? )

@tarasalk · 24.05.2018, 13:31

Очевидно надо добавлять уникальное значение. Например номер итерации.

@Asew · 24.05.2018, 14:30 **[ТС]**

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

Очевидно надо добавлять уникальное значение. Например номер итерации.

ок, теперь все поля уникальны...как пересобрать ajax запрос чтоб он использовал меняющийся id, в частности написал так:

PHP
1
<input type="hidden" name="<?=$id_user_gen?>" id= "<?=$id_user_gen?>" value="<?=$index_user ?>">

и как мне передать в ajax запрос за пределами цикла $id_user_gen ?

@sasha0012 · 24.05.2018, 14:46

Asew, я же написал:

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
40
41
42
43
44
45
46
<script> 
$(document).ready (function(){
    
    $('.button1').click (function (){
 
        $.ajax({
 
            var index_user = $(this).val(); //id пользователя по которому нажали. 
 
            url: 'my_test.php',
            method:"POST",
            data: {
                'priniati':index_user 
            },
            success: function (data){
            
            window.location.reload();//reload page
            }
 
});
    }
});
 
    $('.button2').click (function (){
 
        $.ajax({
 
            var index_user = $(this).val(); //id пользователя по которому нажали. 
 
            url: 'my_test.php',
            method:"POST",
            data: {
                'otkloniti':index_user
            },
            success: function (data){
            
            window.location.reload();//reload page
            }
 
});
    }
});
 
});
 
</script>

PHP/HTML
1
2
<button  class="button1" id="tsel_1_<?=$id_user_gen?>" value="<?=$index_user?>"  >Принять</button>
<button  class="button2" id="tsel_2_<?=$id_user_gen?>" value="<?=$index_user?>">Отклонить</button>

Добавлено через 5 минут
даже без id обойтись можно:

PHP/HTML
1
2
<button  class="button1" value="<?=$index_user?>">Принять</button>
<button  class="button2" value="<?=$index_user?>">Отклонить</button>

@Asew · 24.05.2018, 15:27 **[ТС]**

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

var index_user = $(this).val();

Uncaught SyntaxError: Unexpected identifier

Добавлено через 17 минут

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

Uncaught SyntaxError: Unexpected identifier

проблема решена, все работает!!!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Asew 0 / 0 / 0 Регистрация: 28.08.2017 Сообщений: 70
	24.05.2018, 12:53 [ТС]
	а я что сделал не так ? вроде как раз все уникально 0

@tarasalk 1992 / 1216 / 440 Регистрация: 13.06.2013 Сообщений: 4,115
	24.05.2018, 13:23
	id у вас не уникальный. В цикле генерируется один и тот же id=tsel_1. С остальными id тоже самое. Погуглите чем отличаются class и id, у вас явное непонимание. 0

@tarasalk 1992 / 1216 / 440 Регистрация: 13.06.2013 Сообщений: 4,115
	24.05.2018, 13:31
	Очевидно надо добавлять уникальное значение. Например номер итерации. 0

Не работает Ajax

Решение