Il framework JavaScript jQuery può rimuovere una riga di dati da una tabella senza la necessità di ri-caricare un'intera pagina web. Utilizzando tecniche AJAX, jQuery esegue uno script PHP che rimuove i dati da un database MySQL e aggiorna un sito Web per rimuovere tale riga di dati dal display pure.

Istruzioni

1

Incorporare jQuery nella tua pagina. Potete trovare l'ultima versione di jQuery dal sito jQuery o collegando all'API di Google. Ecco un esempio di come incorporare il jQuery feed utilizzando l'API di Google:

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

2

Scrivere il codice HTML per visualizzare i dati. Allegare un elemento di evento a ogni elemento di dati. Il seguente codice di esempio inserisce una lista della spesa due-elemento in una tabella HTML. I dati di ciascun elemento sono stati collocati in tre celle: la prima cella contiene il nome dell'elemento; il secondo contiene il prezzo dell'articolo; e il terzo ospita un'immagine di un pulsante Elimina. La riga della tabella è stato dato un id univoco, affinché la funzione jQuery sarà in grado di identificare l'elemento corretto da eliminare.

< table >

< id tr = "1" >

< td > < /td >< td >$ 3,99 < /td >< td >< latte classe button = "deleteitem" >< img + id,

URL: "your_delete_script.php",

successo: {function(msg)

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

}

});

});

});

4

Scrivere il codice PHP. Il codice PHP deve aprire il database MySQL ed eseguire una query di eliminazione di MySQL. Questo codice di esempio consente di verificare se la variabile id è stata passata al file. In caso affermativo, la query di eliminazione di MySQL esegue ed elimina la riga.

<?

mysql_connect ("localhost", "nomeutente", "tuapassword") o die(mysql_error());

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

$id = $ post [Identificativo];

Se (isset($id)) {

$query = "Elimina dai yourDatabase WHERE id = '$id'";

mysql_query o die (' errore, query insert non riuscita ');

}

? >