Ajax nie zbiera danych przy pętlach. Opcje

[Wishermil]

Witam!

Mam taki kod:

[PHP] pobierz, plaintext 
 <script type="text/javascript">
		$(window).load(function()
		{
			$("#button2").click(function()
			{	
				var user_id = $('input[name=user_id]').val();
				var cat = $('input[name=cat]').val();
				var id = $('input[name=id]').val();
				$.ajax({
					url: 'funkcje.php',
					data: 
						{
							funkcja: "2",
							cat: cat,
							id: id,
							user_id: user_id
						},
					type: 'POST',
					success: function(output) 
					{				
						$("#wyniki").append(output);
					}
				});
			});	
		});
</script>
 
[PHP] pobierz, plaintext 

Następnie wyświetlam w pętli wyniki z bazy danych:

[PHP] pobierz, plaintext 
		while($gielda = mysql_fetch_array($query))
		{
			if(!in_array($gielda['cat'],$posiadane))
			{
				$owner_name = mysql_fetch_array(mysql_query("SELECT * FROM `tablica_users` WHERE `id` =".$gielda['owner']));
				echo '
					<tr class="'.$gielda['cat'].'">
						<td><center>'.$owner_name['name'].'</td>
						<td><center>'.$owner_name['user'].'</td>
						<td><center><input type="button" id="button2" value="KUPUJE" /></td>	
								     <input type="hidden" name="id" value="'.$gielda['id'].'" />
					</tr>
				';
			}
		}
[PHP] pobierz, plaintext 

Chodzi o to, że jak kliknę w button "KUPUJE" tylko przy 1 wyświetlonym wyniku, to prawidłowo wykonuje AJAXA.
Drugi, albo kolejny wyświetlony w pętli wynik i przy nim "KUPUJE" nie powoduje żadnej reakcji.

Jak zrobić, żeby AJAX czytał te dane:

<input type="button" id="button2" value="KUPUJE" /></td>
<input type="hidden" name="id" value="'.$gielda['id'].'" />

stosownie do każdego wyświetlonego w pętli wyniku?

Ten post edytował Wishermil 5.11.2013, 21:14:38

[com]

[JAVASCRIPT] pobierz, plaintext 
$(window).load(function()
[JAVASCRIPT] pobierz, plaintext 

wykonuje się tylko raz

[Wishermil]

Rozumiem!!!

To jak sugerowałbyś to zamienić?

[nospor]

[JAVASCRIPT] pobierz, plaintext 
$(window).load(function()
[JAVASCRIPT] pobierz, plaintext 

wykonuje się tylko raz

No i tak ma byc.... toz to jest kod, ktory ma sie wykonac po zaladowaniu strony i on ma sie wykonac tylko raz.

Problem lezy gdzie indziej, a konkretnie tutaj:
$("#button2").click(function()
bardzo czesto popelniany blad, gdzie ludzie generuja cala mase przyciskow o tym samym ID a potem sie dziwią, ze dziala tylko pierwszy.... ID to ID, ma byc unikalne dla kazdego elementu a nie takie samo.
Zamiast dla przycisku nadawac ID nadawaj mu klase button2 a potem wystarczy:
$(".button2").click(function()

Musisz jednak jeszcze zmodyfikowac kod funkcji, ktora pobiera dane dla ajax, by pobierala dane z inputow, ktore są przy danym przycisku kupuje No ale to praca dla Ciebie. Pomysl troche

[Wishermil]

Usiądę do tego pod wieczór - dzięki za wskazówki.

Czyli pierwsza czynność, to zmienić:

<input type="button" id="button2" value="KUPUJE" />

na

<input type="button" class="button2" value="KUPUJE" />



Dobrze zrozumiałem?

[nospor]

Tak. Potem zamienic
$("#button2").
na
$(".button2").

A jeszcze potem kod tego co jest w $(".button2").click

[Wishermil]

Faktycznie - teraz oba buttony reagują, jednak nie mam bladego pojęcia jak to dalej rozwiązać. To wnętrze funkcji.

$(".button2").click

Ktoś byłby gotowy mi pomóc?


Nikt nie zna odpowiedzi na moje pytanie?

[nospor]

W click jQuery(this) odnosi sie do kliknietego buttona. Majac jQuery(this) dobierasz sie do pierszego TR. Majac pierwsze TR robisz FIND i znajdujesz interesujace ci inputy