Comment implémenter une fenêtre pop-up cliquer pour supprimer en php

À mesure que la dépendance des utilisateurs à l'égard des applications Web continue de s'accroître, le besoin de permettre aux utilisateurs d'effectuer des opérations de données sur les pages Web devient de plus en plus courant. Lors d'une opération de suppression sur une page Web, il est souvent nécessaire d'inviter l'utilisateur avec une fenêtre contextuelle de confirmation de suppression pour éviter de supprimer accidentellement des données importantes. Lorsque nous utilisons le langage PHP pour implémenter cette fonction, nous pouvons le combiner avec JavaScript. Voyons comment utiliser PHP et JavaScript pour réaliser la fenêtre contextuelle de confirmation de suppression.

Tout d'abord, en PHP, nous devons écrire un code pour gérer la demande de suppression. Dans cet exemple, nous supposerons que nous avons obtenu que l'entrée soit supprimée de la base de données, puis lorsque nous cliquons sur Supprimer, nous pouvons soumettre une demande de suppression au programme backend PHP pour traitement. Le code PHP est le suivant :

<?php
// 获取待删除的数据
$id = $_GET[&#39;id&#39;];

// 处理删除请求
if (isset($id)) {
  // 在这里写下删除数据的代码
}
?>

Ensuite, nous devons ajouter un bouton d'action "Supprimer" sur la page front-end et lier le bouton à notre script de traitement de suppression. Avant cela, nous pouvons ajouter une classe à ce bouton pour faciliter notre fonctionnement en code JavaScript. Le code spécifique est le suivant :

<a href="delete.php?id=xxx" class="delete-button">删除</a>

Parmi eux, xxx est l'identifiant unique des données à supprimer, qui peut être un numéro d'identification ou une autre marque.

Ensuite, nous devons écrire du code JavaScript pour afficher la fenêtre contextuelle de confirmation de suppression. Lorsque nous cliquons sur le bouton "Supprimer", le code suivant sera exécuté :

// 获取所有class为“delete-button”的元素
const deleteButtons = document.querySelectorAll(".delete-button");

// 为每个按钮添加点击事件处理程序
deleteButtons.forEach(button => {
  button.addEventListener("click", event => {
    // 阻止默认的链接跳转行为
    event.preventDefault();

    // 弹出删除确认弹窗
    const result = confirm("确认要删除此项数据吗？");
    if (result) {
      // 如果用户确认删除，则跳转到删除处理脚本页面
      location.href = button.href;
    }
  });
});

Parmi eux, nous utilisons d'abord la fonction querySelectorAll pour sélectionner tous les éléments avec la classe "delete-button" et les stocker dans la variable deleteButtons. Ensuite, nous ajoutons un gestionnaire d'événements de clic pour chaque bouton, qui sera exécuté lorsque l'utilisateur clique sur le bouton "Supprimer". Dans ce gestionnaire d'événements, nous utilisons la fonction de confirmation pour afficher une fenêtre contextuelle de confirmation de suppression. Si l'utilisateur clique sur le bouton "Confirmer", la fonction renvoie vrai, sinon elle renvoie faux. Si la valeur de retour est vraie, nous passons à notre page de script de traitement de suppression dans le navigateur via l'attribut location.href.

Enfin, nous avons ajouté le code ci-dessus à notre page frontale et implémenté avec succès la fonction permettant d'afficher la fenêtre contextuelle de confirmation de suppression en cliquant sur le bouton Supprimer.

Pour résumer, PHP et JavaScript peuvent être utilisés ensemble pour afficher facilement la fenêtre contextuelle de confirmation de suppression. Lors de la mise en œuvre de cette opération, nous devons d'abord écrire du code PHP pour gérer la demande de suppression, puis utiliser JavaScript sur le front-end pour afficher la fenêtre contextuelle de confirmation de suppression.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!