Gewusst wie: Löschen von MySQL Zeilen mit Ajax & jQuery

April 19

Gewusst wie: Löschen von MySQL Zeilen mit Ajax & jQuery

Das JavaScript-Framework jQuery kann eine Zeile mit Daten aus einer Tabelle ohne die Notwendigkeit einer ganzen Webseite neu laden entfernen. Mit AJAX-Techniken führt jQuery ein PHP-Skript, das entfernt die Daten aus einer MySQL-Datenbank und Aktualisierungen eine Website um diese Zeile von Daten aus der Anzeige auch zu entfernen.

Anweisungen

1 JQuery in die Seite eingebettet. Finden Sie die neueste Version von jQuery von der jQuery-Website oder durch den Anschluss an die Google-API. Hier ist ein Beispiel wie die jQuery feed mit Google API einbinden:

< Skriptsprache = "Javascript" Type = "Text/Javascript" >< / script >

2 Schreiben Sie den HTML-Code zum Anzeigen Ihrer Daten. Fügen Sie einem Ereignis-Element an jedes Datenelement. Der Beispielcode weiter unten einfügt eine Einkaufsliste zwei-Element in einer HTML-Tabelle. Jedes Element Daten steht in drei Zellen: die erste Zelle enthält den Namen des Elements; die zweite enthält den Artikelpreis; und die dritte beherbergt ein Bild von einer Schaltfläche Löschen. Die Tabellenzeile ist eine eindeutige Id gegeben worden, so dass die jQuery-Funktion das richtige Element löschen identifizieren kann.

< Tabelle >

< tr Id = "1" >

< td > </td >< td >$ 3,99 </td >< td >< Milch Taste Klasse "Deleteitem" = >< Img + Id,

URL: "your_delete_script.php"

Erfolg: function(msg) {}

$('#' + id).remove();

}

});

});

});

4 Schreiben Sie den PHP-Code. Der PHP-Code muss die MySQL-Datenbank öffnen und ausführen eine Löschabfrage MySQL. Dieser Beispielcode überprüft, ob die Variable Id der Datei übergeben wurde. Wenn ja, dann die MySQL-Delete-Abfrage führt, und löscht die Zeile.

<?

Mysql_connect ("Localhost", "YourUserName", "YourPassword") oder die(mysql_error());

mysql_select_db("yourDatabaseName") oder die(mysql_error());

$id = $_POST [Id];

Wenn (isset($id)) {}

$query = "Löschen aus IhreDatenbank WHERE Id = '$id'";

mysql_query($Query) oder stirb (' Fehler, Insert-Abfrage fehlgeschlagen ");

}

? >