So implementieren Sie ein Click-to-Delete-Popup-Fenster in PHP

Da die Abhängigkeit der Menschen von Webanwendungen immer größer wird, wird die Notwendigkeit, Benutzern die Durchführung von Datenoperationen auf Webseiten zu ermöglichen, immer häufiger. Beim Durchführen eines Löschvorgangs auf einer Webseite ist es häufig erforderlich, den Benutzer mit einem Popup-Fenster zur Bestätigung des Löschvorgangs aufzufordern, um zu verhindern, dass wichtige Daten versehentlich gelöscht werden. Wenn wir die PHP-Sprache zum Implementieren dieser Funktion verwenden, können wir sie mit JavaScript kombinieren. Schauen wir uns an, wie PHP und JavaScript verwendet werden, um das Popup-Fenster zur Bestätigung des Löschvorgangs zu realisieren.

Zuerst müssen wir in PHP einen Code schreiben, um die Löschanforderung zu verarbeiten. In diesem Beispiel gehen wir davon aus, dass wir den zu löschenden Eintrag aus der Datenbank erhalten haben. Wenn wir dann auf „Löschen“ klicken, können wir eine Löschanforderung zur Verarbeitung an das PHP-Backend-Programm senden. Der PHP-Code lautet wie folgt:

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

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

Als nächstes müssen wir auf der Frontend-Seite eine Aktionsschaltfläche „Löschen“ hinzufügen und die Schaltfläche mit unserem Löschverarbeitungsskript verknüpfen. Zuvor können wir dieser Schaltfläche eine Klasse hinzufügen, um unsere Bedienung im JavaScript-Code zu erleichtern. Der spezifische Code lautet wie folgt:

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

Unter diesen ist xxx die eindeutige Kennung der Daten, die gelöscht werden müssen, bei denen es sich um eine ID-Nummer oder eine andere Markierung handeln kann.

Als nächstes müssen wir JavaScript-Code schreiben, um das Popup-Fenster zur Löschbestätigung aufzurufen. Wenn wir auf die Schaltfläche „Löschen“ klicken, wird der folgende Code ausgeführt:

// 获取所有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;
    }
  });
});

Darunter verwenden wir zunächst die Funktion querySelectorAll, um alle Elemente mit der Klasse „delete-button“ auszuwählen und sie in der Variable deleteButtons zu speichern. Als Nächstes fügen wir für jede Schaltfläche einen Click-Event-Handler hinzu, der ausgeführt wird, wenn der Benutzer auf die Schaltfläche „Löschen“ klickt. In diesem Ereignishandler verwenden wir die Bestätigungsfunktion, um ein Popup-Fenster zur Bestätigung des Löschvorgangs aufzurufen. Wenn der Benutzer auf die Schaltfläche „Bestätigen“ klickt, gibt die Funktion „true“ zurück, andernfalls gibt sie „false“ zurück. Wenn der Rückgabewert wahr ist, springen wir über das Attribut location.href zu unserer Seite mit dem Löschverarbeitungsskript im Browser.

Schließlich haben wir den obigen Code zu unserer Front-End-Seite hinzugefügt und die Funktion zum Öffnen des Löschbestätigungs-Popup-Fensters durch Klicken auf die Schaltfläche „Löschen“ erfolgreich implementiert.

Zusammenfassend lässt sich sagen, dass PHP und JavaScript zusammen verwendet werden können, um das Popup-Fenster zur Löschbestätigung einfach aufzurufen. Bei der Implementierung dieses Vorgangs müssen wir zunächst PHP-Code schreiben, um die Löschanforderung zu verarbeiten, und dann JavaScript im Frontend verwenden, um das Popup-Fenster zur Löschbestätigung aufzurufen.

Das obige ist der detaillierte Inhalt vonSo implementieren Sie ein Click-to-Delete-Popup-Fenster in PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!