PHP anti-shake et anti-duplicate submit : un incontournable pour optimiser l'expérience d'interaction utilisateur

Soumission PHP Anti-Shake et Anti-Duplicate : un incontournable pour optimiser l'expérience d'interaction utilisateur

Lors du développement d'applications Web, l'optimisation de l'expérience d'interaction utilisateur est un aspect très important. Parmi elles, l'anti-tremblement et l'anti-doublon sont deux technologies très critiques qui peuvent réduire efficacement les opérations inutiles et améliorer la satisfaction des utilisateurs. Cet article présentera la méthode d'anti-shake et d'anti-resoumission en PHP, et fournira des exemples de code spécifiques.

1. Le concept et le principe de l'anti-shake

Anti-shake signifie que lorsque l'utilisateur déclenche un événement en continu, seule la dernière opération est effectuée, évitant ainsi le gaspillage inutile de ressources causé par le déclenchement fréquent d'événements. Dans les applications Web, les événements déclencheurs courants incluent les clics sur des boutons, les entrées dans la zone de saisie, etc.

Le principe de réalisation de l'anti-shake est très simple : en réglant un timer, retardez l'exécution de l'opération. Si le même événement se déclenche à nouveau avant que le chronomètre ne commence à compter, le chronomètre précédent sera annulé et le temps recommencera. De cette façon, l’action ne sera réellement effectuée qu’une fois que l’utilisateur aura cessé de déclencher l’événement pendant un certain temps.

Ce qui suit est un exemple de code qui utilise PHP pour implémenter l'anti-shake :

function debounce($callback, $delay) {
    $timeout = null;
    
    return function() use ($callback, $delay, &$timeout) {
        if ($timeout) {
            clearTimeout($timeout);
        }
        
        $timeout = setTimeout($callback, $delay);
    };
}

// 使用示例
$debouncedFn = debounce(function() {
    // 这里是需要防抖的操作
}, 500);

// 调用防抖函数
$debouncedFn();

Dans le code ci-dessus, la fonction debounce accepte deux paramètres : $callback est le opération qui doit être effectuée, $delay est le temps nécessaire pour retarder l'exécution. La fonction utilise une fermeture en interne et maintient une variable $timeout pour enregistrer une référence au minuteur. Lorsque l'utilisateur déclenche un événement, le minuteur précédent est effacé et un nouveau minuteur est réinitialisé. debounce 函数接受两个参数：$callback 是需要执行的操作，$delay 是延迟执行的时间。函数内部使用闭包，维护了一个 $timeout 变量来保存定时器的引用。当用户触发事件时，会清除之前的定时器并重新设置一个新的定时器。

二、防重复提交的概念和原理

防重复提交是指在用户重复提交相同请求时，只处理一次请求，避免重复操作对数据造成的影响。在 Web 应用中，常见的重复提交场景包括表单提交、接口请求等。

实现防重复提交的原理也很简单：在用户提交请求时，将请求的标识存储在服务器端，如果下次再次收到相同的请求，则判断该请求已经处理过，直接返回结果。可以使用 Session 或者数据库等存储方式来实现。

以下是一个使用 PHP 实现防重复提交的示例代码：

function preventDuplicate($key) {
    session_start();
    
    if ($_SESSION[$key]) {
        die('不能重复提交！');
    } else {
        $_SESSION[$key] = true;
    }
}

// 使用示例
preventDuplicate('submit_key');

// 处理表单提交逻辑
// ...

在上述代码中，preventDuplicate 函数接受一个参数 $key

2. Le concept et le principe de la soumission anti-doublon

La soumission anti-doublon signifie que lorsqu'un utilisateur soumet à plusieurs reprises la même demande, une seule demande sera traitée pour éviter l'impact d'opérations répétées sur les données. Dans les applications Web, les scénarios de soumission répétée courants incluent les soumissions de formulaires, les demandes d'interface, etc.

1. Le principe pour empêcher les soumissions répétées est également très simple : lorsque l'utilisateur soumet une demande, l'identification de la demande est stockée côté serveur. Si la même demande est reçue la prochaine fois, il sera jugé que la demande a été traitée. et le résultat sera renvoyé directement. Ceci peut être réalisé en utilisant des méthodes de stockage telles que la session ou la base de données.

Ce qui suit est un exemple de code qui utilise PHP pour éviter les soumissions en double :

rrreee
• Dans le code ci-dessus, la fonction preventDuplicate accepte un paramètre $key, qui est utilisé pour identifier si la demande a déjà été traitée. La fonction utilise Session en interne pour stocker l'ID de la demande. Si l'ID existe déjà, cela signifie que la demande a été traitée et le message d'invite « ne peut pas être soumis à nouveau » sera renvoyé directement.
• 3. Scénarios d'application d'anti-secousse et d'anti-soumission répétée

Scénarios d'application d'anti-secousse :

Empêchez les clics répétés sur les boutons et évitez les requêtes fréquentes
• Données de recherche dynamique basées sur la saisie de l'utilisateur pour réduire ; demandes invalides.
• Scénarios d'application pour éviter les soumissions répétées :

soumission de formulaire pour éviter des insertions répétées dans la base de données provoquant une redondance des données ;

page de paiement pour éviter les demandes de paiement répétées

🎜demandes d'interface pour éviter l'exécution répétée d'opérations importantes ; 🎜🎜🎜En utilisant rationnellement les technologies anti-secousse et anti-resoumission, l'expérience d'interaction de l'utilisateur peut être efficacement optimisée et les opérations inutiles et le gaspillage de ressources peuvent être réduits. Dans le développement réel, en fonction de besoins et de scénarios spécifiques, les méthodes appropriées sont sélectionnées pour la mise en œuvre, et une personnalisation et une optimisation appropriées sont effectuées en fonction des besoins spécifiques de l'entreprise. 🎜🎜Résumé🎜🎜Cet article présente les concepts, principes et méthodes de mise en œuvre de la soumission anti-secousse et anti-répétitive en PHP, et fournit des exemples de code spécifiques. En appliquant l'anti-secousse et l'anti-resoumission, l'expérience interactive de l'utilisateur peut être améliorée et les opérations inutiles et le gaspillage de ressources peuvent être réduits. Dans le développement réel, nous devons sélectionner et appliquer rationnellement ces technologies en fonction de besoins et de scénarios spécifiques pour obtenir les meilleurs résultats. 🎜

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!