AJAX - problem s tvorbou HttpRequest – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Dobrý den,

předem se omlouvám za špatné zařazení mého příspěvku, ale jelikož je v češtině zkryto pod zkratkou AJAX Asynchornní JavaScript a XML, tak jsem si ho netroufl dát jinam než pod samotný JavaScript.

Zasekl jsem se na jednom problému. Tahám data z databáze. U každého prvku pak mohu rozkliknout na více informací. To mi právě zajišťuje AJAX. Informace se vždy rozkliknou, ale nesprávné. Lepší je vše ukázat na příkladu:


Nejprve napojím stránku na databázi, tento kód přeskočme.

Poté začnu pracovat s požadovanou tabulkou, přes cykl vypíši všechny řádky. Pokud chce uživatel více informací o dané kočce, zmáčkne na tlačítko "Více informací" a přitom se přes OnClick zavolá na ZobrazDetaily.

$select = "SELECT * FROM kocky;";



	if(($data = mysql_query($select, $this->link)) == 0)

	  {

		self::error_msg('Chyba v dotazu.');

		return 0;

	  }

	  

  	print '<div class="menu_nadpis">Složení základny</div><div id="divZobraz">';

    	  

	  while($row = mysql_fetch_array($data))

	  {

	  	

	<table>

            <tr>

            <th>Jméno</th><td>'.$row['jmeno'].'</td>

            </tr>

            <tr>

            <th>Věk</th><td>'.$row['vek'].'</td>

            </tr>

            <tr>

            <td colspan=2> 

            <input type="button" value="Více informací" onclick="ZobrazDetaily(this.value)";>

            </td>

            </tr>  

	</table>

		

    }

    print '</div>';

    }

 <script language = "javascript">

     

  var xHttp = false;

  

   if (window.ActiveXObject) 

      {xHttp = new ActiveXObject("Microsoft.XMLHTTP");}

   else if (window.XMLHttpRequest) 

      {xHttp = new XMLHttpRequest();}



  function ZobrazDetaily()

  {

     xHttp.onreadystatechange=ZmenaStavu; 

     xHttp.open("GET","popis_kocky.php",true);

     xHttp.send(null);

  }



  function ZmenaStavu() 

  { 

     if (xHttp.readyState==4 && xHttp.status == 200)

       {document.getElementById("divZobraz").innerHTML=xHttp.responseText;} 

  }

</script>

ved vobec neposielas udaj do js spracovania o ktoru kočku sa jedná... :) teda premennu s ideckom danej kočky... jasne ze ti potom vzdy zobrazi prvu v DB....

pri vypise pridaj do
1.onclicku dalsiu premennu a to idecko... napr. (za predpokladu ze mas v db stlpec ID s autoincrementom)

onclick="ZobrazDetaily("'.$row['id'].'");"

  function ZobrazDetaily(ktora) 

  { 

     xHttp.onreadystatechange=ZmenaStavu(ktora); 

     xHttp.open("GET","popis_kocky.php?id="+ktora,true); 

     xHttp.send(null); 

  }



  function ZmenaStavu(ktora) 

  { 

     if (xHttp.readyState==4 && xHttp.status == 200) 

       {document.getElementById("divZobraz"+ktora).innerHTML=xHttp.responseText;} 

  }

$select = "SELECT * FROM kocky WHERE id='".$_GET['id']."';";