Explication détaillée de jQuery ajax deletion_jquery

Regardez d'abord le code de l'interface html :

')"> Ceci est un lien image, indiquant la suppression. Il ne saute pas à une certaine interface, mais déclenche un événement de clic lorsque vous cliquez dessus.

L'événement click exécute la méthode delete_order(). Un paramètre est transmis dans cette méthode, le numéro de commande. Grâce à ce paramètre, vous pouvez effectuer l'opération de suppression correspondante.

Le code jQuery suivant :

Copiez le code Le code est le suivant : function delete_order(order_id){ confirm_ = confirm('Cette action supprimera la commande en cours ! Etes-vous sûr ?'); if(confirm_){ $.ajax( { tapez :"POST", url:'index.php/admin/order/del/' order_id, success:function(msg){ //alert("test order" ); //toute la suppression est réussie, cela peut être exécuté ; &lt ;/script>

Tout d'abord, une boîte de dialogue apparaîtra. Voulez-vous confirmer. effacement?

Si confirmé, effectuez l'opération ajax. Dans jQuery, il existe une méthode $.ajax(). Il y a trois paramètres ici, l'un est le type, et POST est utilisé ici,

Le deuxième est l'adresse. Elle est très critique. Elle est responsable de la transmission des données au serveur d'arrière-plan pour exécution.

Le troisième paramètre est une fonction de rappel, qui sera exécutée si la suppression réussit. À ce stade, vous pouvez effectuer certaines actions, telles que supprimer cet enregistrement supprimé. Ce qui est combiné est la ligne de code suivante. Chaque enregistrement se voit attribuer un identifiant dynamique comme base de suppression. Ce qu'il convient de noter ici, c'est que cette fonction de rappel ne sera pas exécutée tant que toutes les exécutions en arrière-plan n'auront pas réussi.

">

Ce qui suit est le code exécuté en arrière-plan

Copiez le code

Le code est le suivant : function del () { $order_id = $this->uri->segment(4); if ($order_id > 0) { $this->db ->delete('billing', array('order_id' => $order_id)); $this->db->delete('shipping_address', array('order_id' => $order_id )); $this->db->delete('order_products', array('order_id' => $order_id)); $this->db->delete('comments ', array('order_id ' => $order_id)); } $this->db->delete($this->tbname, array('id' => $order_id )); }

Une méthode dans ce contrôleur d'arrière-plan obtient les paramètres via la méthode $this->uri->segment(); Ensuite, vous pouvez effectuer l'opération de suppression correspondante en arrière-plan. Si les suppressions réussissent, un message par défaut sera transmis à la méthode de réussite.

La raison pour laquelle la méthode de réussite n'a pas pu s'exécuter aujourd'hui est qu'une opération de suppression n'a pas pu s'exécuter et que les informations cachées n'ont pas pu être transmises à la méthode de réussite. Pourquoi ça ne marche pas ? Étant donné que $this->db->delete('shipping_address', array('order_id' => $order_id)); ne correspond pas au nom de la table dans la base de données, il peut avoir été modifié par quelqu'un d'autre.

Après une correction ultérieure, la méthode de réussite a été exécutée avec succès.

Ceci est un exemple simple en ajax. Vous pouvez simplement expliquer le rôle d'ajax. Il n'est pas nécessaire d'actualiser l'interface, il suffit d'aller secrètement en arrière-plan pour effectuer l'opération. Une fois l'opération réussie, vous pouvez également effectuer l'action correspondante et la terminer via jQuery

.