✔ jquery id an php übergeben

[Saturnus]

Guten Morgen

Daten werden aus der DB gelesen (PHP/MySQL) und via Button möchte ich dann ein Div-Fenster mit weiteren Details zum Datensatz einblenden lassen.

Für das Einblenden nutze ich jQuery.

Wie kann ich die ID des Datensatzes dann an PHP übergeben?

<div id="dialog" title="Basic dialog">
	<p> Hier sollte dann die ID aus dem Datensatz erscheinen! <?php echo $_REQUEST['id'];?></p>
</div>

(hier beginnt while...)
<script>
	// increase the default animation speed to exaggerate the effect
	$.fx.speeds._default = 1000;
	$(function() {
		$( "#dialog" ).dialog({
			autoOpen: false,
			show: "blind",
			hide: "explode"
		});

		$( "#opener<?php echo $row->id;?>" ).click(function() {
			$( "#dialog" ).dialog( "open" );
			return false;
			 

		});

	});
	</script>

<button id="opener<?php echo $row->id;?>">Open Dialog</button>

Bin für Tipps dankbar!

 

[Maniac]

$( "#opener<?php echo $row->id;?>" ).click(function() {
     $("#dialog p").html("<?php echo $row->id; ?>");
     $( "#dialog" ).dialog( "open" );
     return false;
});

 

[Saturnus]

Vielen Dank für den Tipp!
Was mir noch nicht klar ist:

im Div sollen die Details zum Datensatz gezeigt werden.
Wie bekomme ich jetzt die ID für eine Abfrage, im DIV a la:

$mysqli = $sql->query("SELECT....
.....
WHERE id = $_GET['id']

Hier wird ja die Ausgabe definiert:

$("#dialog p").html("<?php echo $row->id; ?>");

?>
ich bräuchte ja dann einen GET-Parameter....

 

[Maniac]

Mach das am besten mit AJAX über eine eigene PHP-Datei und lade das Ergebnis dann in das DIV.
zb die PHP-Datei:

$mysqli = $sql->query("SELECT....
.....
WHERE id = $_GET['id']  

// hier deine Ausgabe zusammenbauen....

und dann per AJAX abfragen:

$.get('datei.php', {id : "<?php echo $row->id; ?>"}, function(data){
   $('#dialog').html(data);
}, 'html');

Mit $.get startest du einen AJAX-Request (GET) und somit ist dein "$_GET['id']" im PHP-Script verfügbar. Dies könntest du auch mit POST machen, dazu alternativ $.post()" von jQuery verwenden.
Der 1. Parameter ist die Datei an das der Request geschickt wird, der 2. Parameter ist ein JSON-Object mit den URL-Parametern.
Mit dem 3. PArameter "function(data){}" holst du die Response, also das was vom Request zurück kommt.
Der 4. PAramater gibt an welches Format du zurückgeben möchtest.

Vielleicht interessant und übersichtlich:
http://api.jquery.com/browser/

 

[Saturnus]

yep, jetzt hab ich die ID!

Danke dir vielmals für deine Hilfe!