Bagaimana untuk melaksanakan tetingkap pop timbul klik-untuk-padam dalam php

Apabila orang semakin bergantung pada aplikasi web, keperluan untuk membenarkan pengguna melakukan operasi data pada halaman web menjadi semakin biasa. Apabila melakukan operasi pemadaman pada halaman web, selalunya perlu untuk menggesa pengguna dengan tetingkap pop timbul pengesahan pemadaman untuk mengelakkan pemadaman data penting secara tidak sengaja. Apabila menggunakan bahasa PHP untuk melaksanakan fungsi ini, kita boleh menggabungkannya dengan JavaScript Mari kita lihat cara menggunakan PHP dan JavaScript untuk merealisasikan tetingkap pop timbul pengesahan pemadaman.

Pertama, dalam PHP, kita perlu menulis kod untuk mengendalikan permintaan pemadaman. Dalam contoh ini, kami akan menganggap bahawa kami telah memperoleh entri untuk dipadamkan daripada pangkalan data, dan kemudian apabila kami mengklik padam, kami boleh menyerahkan permintaan padam kepada program backend PHP untuk diproses. Kod PHP adalah seperti berikut:

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

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

Seterusnya, kita perlu menambah butang tindakan "Padam" pada halaman bahagian hadapan dan memautkan butang itu ke skrip pemprosesan pemadaman kami. Sebelum itu, kami boleh menambah kelas pada butang ini untuk memudahkan operasi kami dalam kod JavaScript. Kod khusus adalah seperti berikut:

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

Antaranya, xxx ialah pengecam unik data yang perlu dipadamkan, yang mungkin nombor ID atau teg lain.

Seterusnya, kita perlu menulis kod JavaScript untuk muncul tetingkap timbul pengesahan pemadaman. Apabila kita mengklik butang "Padam", kod berikut akan dilaksanakan:

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

Antaranya, kita mula-mula menggunakan fungsi querySelectorAll untuk memilih semua elemen dengan kelas "butang-padam" dan menyimpannya dalam deleteButtons pembolehubah. Seterusnya, kami menambah pengendali acara klik untuk setiap butang, yang akan dilaksanakan apabila pengguna mengklik butang "Padam". Dalam pengendali acara ini, kami menggunakan fungsi pengesahan untuk memunculkan tetingkap pop timbul pengesahan pemadaman. Jika pengguna mengklik butang "Sahkan", fungsi mengembalikan benar, jika tidak ia mengembalikan palsu. Jika nilai pulangan adalah benar, kami melompat ke halaman skrip pemprosesan pemadaman kami dalam penyemak imbas melalui atribut location.href.

Akhir sekali, kami menambahkan kod di atas pada halaman hadapan kami dan berjaya melaksanakan fungsi untuk memunculkan tetingkap timbul pengesahan pemadaman dengan mengklik butang padam.

Ringkasnya, gabungan PHP dan JavaScript boleh dengan mudah memunculkan tetingkap timbul pengesahan pemadaman. Apabila melaksanakan operasi ini, kita perlu menulis kod PHP terlebih dahulu untuk mengendalikan permintaan pemadaman, dan kemudian menggunakan JavaScript pada bahagian hadapan untuk memunculkan tetingkap timbul pengesahan pemadaman.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan tetingkap pop timbul klik-untuk-padam dalam php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!