PHP Anti-Shake: Ucapkan selamat tinggal kepada masalah penyerahan berulang
Dalam membangunkan aplikasi web, penyerahan borang sering ditemui. Walau bagaimanapun, disebabkan ketidakstabilan rangkaian atau operasi pengguna yang tidak betul, pengguna mungkin berulang kali menyerahkan borang, menyebabkan masalah dalam pemprosesan data. Untuk menyelesaikan masalah ini, kami boleh menggunakan teknologi anti goncang PHP untuk mengelakkan penyerahan berulang secara berkesan dan meningkatkan pengalaman pengguna.
Apa itu anti goncang?
Anti goncang ialah teknologi bahagian hadapan yang biasa digunakan untuk menyelesaikan masalah operasi berulang yang disebabkan oleh kejadian yang sering dicetuskan. Dalam pembangunan PHP, kami boleh menetapkan masa tunda yang sesuai untuk melumpuhkan butang penghantaran borang dalam masa yang ditetapkan selepas pengguna menyerahkan borang untuk menghalang pengguna daripada mengklik butang hantar berulang kali.
Pelaksanaan khusus
Kini kami akan menunjukkan cara menggunakan PHP untuk melaksanakan fungsi anti goncang bentuk. Pertama, kita perlu menambah sekeping kod JavaScript pada halaman borang untuk melumpuhkan butang hantar. Kodnya adalah seperti berikut:
<script> function debounce(callback, delay) { let timer; return function() { clearTimeout(timer); timer = setTimeout(callback, delay); } } document.querySelector('form').addEventListener('submit', function(event) { event.preventDefault(); // 阻止表单默认提交 let form = this; let submitButton = form.querySelector('button[type="submit"]'); // 禁用提交按钮 submitButton.disabled = true; // 1秒后重新启用提交按钮 let enableSubmitButton = debounce(function() { submitButton.disabled = false; }, 1000); enableSubmitButton(); }); </script>
Dalam kod di atas, kami mentakrifkan fungsi bernama debounce
untuk melaksanakan fungsi anti goncang. Fungsi ini menerima dua parameter: callback
ialah fungsi panggil balik yang akan dilaksanakan dan delay
ialah masa tunda. Dalam acara serah borang, kami mencipta fungsi nyahpantun enableSubmitButton
dan mengikatnya pada acara klik butang serah. Apabila butang hantar diklik, fungsi ini dicetuskan, melumpuhkan butang hantar dan mendayakan semula butang selepas 1 saat. debounce
的函数,用于实现防抖功能。该函数接受两个参数:callback
为要执行的回调函数,delay
为延迟时间。在表单提交事件中,我们创建了一个防抖函数enableSubmitButton
,并将其绑定到提交按钮的点击事件上。在点击提交按钮时,该函数会被触发,禁用提交按钮,并在1秒后重新启用按钮。
接下来,我们在PHP后端代码中进行处理。首先,我们需要判断表单是否已经提交过一次。为了实现这个功能,我们可以通过在表单页面中添加一个隐藏字段来记录提交次数。代码如下:
<form method="POST" action="submit.php"> <!-- 其他表单字段 --> <input type="hidden" name="submitCount" value="0"> <button type="submit">提交</button> </form>
在后端PHP代码中,我们需要对提交次数进行判断,并进行相应的处理。代码如下:
<?php session_start(); if ($_SERVER['REQUEST_METHOD'] === 'POST') { $submitCount = isset($_POST['submitCount']) ? (int)$_POST['submitCount'] : 0; if ($submitCount === 0) { // 首次提交,进行数据处理 // ... // 修改提交次数为1 $_POST['submitCount'] = 1; } else { // 重复提交,直接返回响应 echo '请勿重复提交!'; exit; } }
在上述代码中,我们使用$_POST['submitCount']
rrreee
Dalam kod PHP bahagian belakang, kita perlu menilai bilangan penyerahan dan memprosesnya dengan sewajarnya. Kodnya adalah seperti berikut:rrreee
Dalam kod di atas, kami menggunakan pembolehubah $_POST['submitCount']
untuk mendapatkan bilangan penyerahan Jika bilangan penyerahan ialah 0, lakukan pemprosesan data dan ubah suai bilangan penyerahan kepada 1. Jika bilangan penyerahan bukan 0, ini bermakna pengguna menghantar berulang kali, dan kami terus mengembalikan mesej segera untuk menghalang pemprosesan data.
Atas ialah kandungan terperinci PHP anti-goncang: Ucapkan selamat tinggal kepada masalah penyerahan berulang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!