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() и когда оно перещитает все входящие данные оно должно занести в бд все данные с полученным значением

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@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