AJAX.Выполнение нескольких действий

@PR0Z0N · Регистрация: 28.05.2009

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

Всем привет!Есть такой скрипт, который добавляет допустим какой либо Товар в корзину , без обновления страницы (пример:
Название: 1865412-8a699c89.jpg
Просмотров: 187

Размер: 4.7 Кб

Название: 1865412-8a699c89.jpg
Просмотров: 187

Размер: 4.7 Кб

Название: 1865422-3d6e8d62.jpg
Просмотров: 188

Размер: 5.1 Кб

). Но проблема в том что он добавляет только один товар, который самый первый, остальные кнопки не работают, а надо чтобы была возможность добавить все товары.Ajax я только изучаю, весь вечер вожусь, не могу разобраться.Пробывал использовать циклы в 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
...
 
 
<script src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript">
$(function() {
  var id = $("input#id").val();
  $(".button_"+id+"").click(function() {
 
 
        var dataString = 'id='+ id;
 
    $.ajax({
      type: "POST",
      url: "data.php",
      data: dataString,
      success: function() {
        $('#test_form_'+id+'').html("<div id='message'></div>");
        $('#message').html("Товар №"+id+" добавлен")
        .hide()
        .fadeIn(1200, function() {
 
        }); }
     });
    return false;
    });
});
</script>
</head><body>
<?php
 $i=0;
while ($i++<5)
 {
  echo '<div id="test_form_'.$i.'"><form name="contact" action="">Товар №  '.$i.'
       <input type="hidden" name="id" id="id" value="'.$i.'" class="text-input" />
       <input type="submit" name="submit" class="button_'.$i.'" id="submit_btn" value="В корзину" /></form></div><br/>';
 }
?>
 
 
...

Подскажите пожалуйста как правильно сделать?

@Schtrich · 02.12.2011, 03:56

попробуйте через live, кстати не вижу у вас в данном примере самого элемента с классом .button, но допустим что он есть, тогда $('.button').live('click',function(){ тут делайте что вам там надо (ajax) });

@jaguar7021 · 06.12.2011, 12:36

скорей всего у тебя проблема с id, поясни эту строчку var id = $("input#id").val();

данный селектор ("input#id") вернет самый первый элемент, даже если у тебя будет несколько инпутов с одинаковыми id

@vixa · 07.12.2011, 16:17

Моя логика подсказует что ты должен всю обертку обойти с кнопками с помощью методов $.each или $('input').each() и когда оно перещитает все входящие данные оно должно занести в бд все данные с полученным значением

Новые блоги и статьи Все статьи Все блоги /
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK сделайте это, JDK, то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Перейдите по ссылке:. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .

@Schtrich weboman 210 / 195 / 63 Регистрация: 13.08.2010 Сообщений: 1,531 Записей в блоге: 6
	02.12.2011, 03:56
	попробуйте через live, кстати не вижу у вас в данном примере самого элемента с классом .button, но допустим что он есть, тогда $('.button').live('click',function(){ тут делайте что вам там надо (ajax) }); 0

@jaguar7021 2 / 2 / 1 Регистрация: 26.09.2010 Сообщений: 40
	06.12.2011, 12:36
	скорей всего у тебя проблема с id, поясни эту строчку var id = $("input#id").val(); данный селектор ("input#id") вернет самый первый элемент, даже если у тебя будет несколько инпутов с одинаковыми id 0

@vixa Рождён удивлять 53 / 56 / 9 Регистрация: 08.08.2011 Сообщений: 438
	07.12.2011, 16:17
	Моя логика подсказует что ты должен всю обертку обойти с кнопками с помощью методов $.each или $('input').each() и когда оно перещитает все входящие данные оно должно занести в бд все данные с полученным значением 0