Rumah > pembangunan bahagian belakang > tutorial php > PHP anti-goncang: Ucapkan selamat tinggal kepada masalah penyerahan berulang

PHP anti-goncang: Ucapkan selamat tinggal kepada masalah penyerahan berulang

WBOY
Lepaskan: 2023-10-12 10:02:02
asal
1282 orang telah melayarinya

PHP 防抖:告别重复提交的烦恼

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>
Salin selepas log masuk

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>
Salin selepas log masuk

在后端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;
    }
}
Salin selepas log masuk

在上述代码中,我们使用$_POST['submitCount']

Seterusnya, kami memprosesnya dalam kod hujung belakang PHP. Pertama, kita perlu menentukan sama ada borang telah dihantar sekali. Untuk mencapai fungsi ini, kita boleh merekodkan bilangan penyerahan dengan menambahkan medan tersembunyi pada halaman borang. Kodnya adalah seperti berikut:

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.

🎜Menggunakan kod di atas, kami boleh melaksanakan fungsi anti goncang PHP, yang meningkatkan pengalaman pengguna sambil mengelakkan penyerahan berulang. Perlu diingatkan bahawa disebabkan oleh kelajuan operasi pengguna yang berbeza, beberapa penyerahan mungkin berlaku dalam tempoh yang sangat singkat. Oleh itu, kita boleh melaraskan masa tunda dalam kod mengikut situasi sebenar untuk mencapai hasil yang lebih baik. 🎜🎜Ringkasan🎜Dengan menggunakan teknologi anti goncang PHP, kami boleh menghalang pengguna daripada menghantar borang berulang kali secara berkesan, mengurangkan pemprosesan data pendua dan meningkatkan pengalaman pengguna. Dalam pembangunan projek sebenar, penggunaan teknologi anti-goncang yang betul boleh meningkatkan prestasi dan pengalaman pengguna aplikasi laman web dengan banyak. Menggunakan contoh kod di atas, anda boleh melaksanakan fungsi anti goncang PHP dengan mudah dan mengucapkan selamat tinggal kepada masalah penyerahan berulang. 🎜

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan