✔ onClick-Event zum Auführen von PHP-Operationen und anschließenden Feedback

[Johnnii360]

Servus Leute!

Heute ich schon wieder.

Da ich mit dem jQuery immer mehr auf den Geschmack von AJAX komme, möchte ich gerne eine Funktion in eine meiner neuen Homepages einbauen.

Und zwar handelt es sich hier um ein onClick-Event. Dieses soll in eine Linkliste eingebaut werden und zum Einsatz kommen, wenn der User einen defekten Link melden will.
Ich weiß zwar, wie man es mit einem extra Fenster (window.open()) und dem darin ausführenden PHP-Script lösen kann. Allerdings habe ich schon Seiten gesehen, auf denen man auf ein Icon geklickt hat, die Option dann eingestellt wurde und rechts daneben dann ein kleiner Hinweistext erscheint - oder auch sich das Icon ändert.

Was auch genial wäre, wäre eine Hinweisbox. Ich denke, dass ich hier gut mit jQuery UI arbeiten kann. Wie das ganze aber dann so im Hintergrund ohne window.open funktioniert, habe ich keine Ahnung.

Ich würde mich sehr freuen, wenn jemand von Euch ein Tutorial oder die Syntax/Befehle dafür hat.

Vielen Dank im Voraus!

 

[rd4eva]

Was genau willst du denn jetzt wissen?
Wie man onClick bindet? Wie man einen Ajax-Request abschickt?

Bezüglich Ajax Request ist das Internet voll mit tutorials.
Und hier findest du die gängigen Methoden + Beispiel von jQuery für Ajax Requests:
http://api.jquery.com/category/ajax/shorthand-methods/

 

[Johnnii360]

Ich möchte genau wissen, wie ich mittels AJAX ein PHP-Script im Hintergrund (ohne neues Fenster) ablaufen lassen kann, um dann anschließend auch eine Feedbackmeldung (Erledigt, Fehler beim...) zu bekommen.

Gut wäre auch, wenn sich nur das Icon ändern würde und ein Feedback käme. Beispiel wäre hier die "als erledigt markieren" Funktion im Forum.

 

[rd4eva]

Nunja wie gesagt das Internet ist voll mit Ajax tutorials und die Beispiele in der jQuery Doku helfen auch gut weiter.

Kleines Beispiel

$('#foo').click(function(){
$.post("test.php", { name: "John", time: "2pm" },
   function(data){
     alert("Data Loaded: " + data);
   });
});

Wird auf das Element mit der ID 'foo' geklickt wird per POST ein Request an test.php gesendet.
Der POST Request enthält in diesem Beispiel die Daten :
name=John
time=2pm

Ein entsprechender GET Request würde so aussehen:
../test.php?name=John&time=2pm

In der PHP-Datei gibt es nichts sonderlich zu beachten.
Sie könnte zum Beispiel so aussehen:

<?php
if(isset($_POST['name'])){
   if($_POST['name'] == "John"){
        echo 'Hallo John';
   }
}

Das Script das die Anfrage los getretten hat erhält nun diese Ausgabe und kann damit weiter arbeiten.
In diesem Falle würde ein alert aufpoppen in dem Steht:
"Data Loaded: Hallo John"

 

[Johnnii360]

Ah, super, vielen Dank!
Dann werde ich mal ein wenig rumprobieren.