Hvordan slette MySQL Rader med Ajax & jQuery

Hvordan slette MySQL Rader med Ajax & jQuery


jQuery Javascript rammeverk kan fjerne en rad med data fra en tabell uten behov for å re-load en hel nettside. Ved hjelp av AJAX teknikker, utfører jQuery et PHP-script som fjerner data fra en MySQL database og oppdaterer et nettsted for å fjerne den raden av data fra skjermen også.

Bruksanvisning

1 Embed jQuery på siden din. Du kan finne den nyeste versjonen av jQuery fra jQuery nettstedet eller ved å koble til Google API. Her er et eksempel på hvordan du kan legge inn jQuery fôret ved hjelp av Google API:

<Script language = "javascript" type = "text / javascript"> </ script>

2 Skriv HTML for å vise dine data. Fest en hendelse element til hvert element av data. Eksempelkoden nedenfor plasserer en to-element handleliste inn i en HTML-tabell. Hvert element data er lagt inn i tre celler: Den første cellen inneholder navnet element; den andre inneholder elementet prisen; og den tredje er vert for et bilde av en sletteknapp. Tabellen rad har fått en unik id slik at jQuery-funksjonen vil være i stand til å identifisere den riktige element for å slette.

<Table>

<Tr id = "1">

<Td> Milk </ td> <td> $ 3,99 </ td> <td> <-knappen class = "DeleteItem"> <img + id,

URL: «your_delete_script.php",

suksess: funksjon (msg) {

$ ( '#' + Id) .Fjern ();

}

});

});

});

4 Skriv PHP-koden. PHP-koden må åpne MySQL database og utføre en MySQL slettespørring. Denne eksempelkode sjekker om id variabelen har blitt sendt til filen. Hvis den har, så MySQL slettespørring utfører og sletter rad.

<?

mysql_connect ( "localhost", "dittbrukernavn", "Yourpassword") or die (mysql_error ());

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

$ Id = $ _POST [id];

if (isset ($ id)) {

$ Query = "DELETE FROM yourDatabase WHERE id = '$ id'";

mysql_query ($ query) or die ( 'Feil, sette inn spørring mislyktes');

}

?>