PHP anti-shake and anti-duplicate submission technology: one of the keys to optimizing user interaction

PHP anti-shake and anti-re-submission technology: one of the keys to optimizing user interaction, requiring specific code examples

With the development of the Internet, users are more interested in websites and applications The requirements for user experience are also getting higher and higher. During the user interaction process, anti-shake and anti-resubmission technology have become the key to optimizing the user experience. This article will introduce the anti-shake and anti-duplicate submission technology in PHP and provide specific code examples.

Anti-shake technology refers to reducing unnecessary requests by limiting the number of triggers when the user continuously performs an operation. For example, when searching in the user input box in real time, if a search request is triggered every time the user enters a letter, it will not only increase the pressure on the server, but also bring an unsmooth experience to the user. Through anti-shake technology, the triggering time interval of search requests can be limited to a certain period of time, and the search request will only be triggered after the user stops inputting for a period of time.

The following is a code example of an anti-shake function implemented in PHP:

function debounce($callback, $delay) {
    $timerId = null;

    return function (...$args) use ($callback, $delay, &$timerId) {
        if ($timerId != null) {
            // 清除之前的定时器
            clearTimeout($timerId);
        }

        // 创建新的定时器
        $timerId = setTimeout(function () use ($callback, $args) {
            // 执行回调函数
            $callback(...$args);
        }, $delay);
    };
}

The above anti-shake function accepts two parameters: $callback represents the callback function that needs to be executed, $delay represents the trigger Time interval restrictions. When this function is called, a new function will be returned as an event handler (such as the onkeyup event of the input box). Each time an event is triggered, the previous timer will be cleared and a new timer will be re-created. When the user stops typing for a period of time, the timer triggers the callback function.

In addition to anti-shake technology, anti-repetitive submission technology is also an important means to improve user interaction experience. When a user submits a form, if the user clicks the submit button multiple times, the same data may be submitted repeatedly, placing additional burden on the server and even causing some unpredictable problems. Through anti-repetitive submission technology, users can be restricted to submit a form only once within a specific period of time.

The following is a code example of an anti-duplicate submission function implemented using PHP:

function preventDuplicateSubmit($callback, $key, $expire) {
    $cache = new Redis();
    $cache->connect('127.0.0.1', 6379); // 连接到Redis服务器

    return function (...$args) use ($callback, $key, $expire, $cache) {
        $token = md5($key . serialize($args));

        if ($cache->set($token, 1, 'nx', 'ex', $expire)) {
            // 缓存不存在，可以执行回调函数
            $callback(...$args);
        } else {
            // 缓存已存在，不能重复提交
            echo '请勿重复提交表单！';
        }
    };
}

The above anti-duplication submission function accepts three parameters: $callback represents the callback function that needs to be executed, $key is a string used to generate a unique cache key, $expire represents the cache expiration time. When this function is called, a new function will be returned as a handler for the form submission event. This function serializes the parameters of the form and concatenates them with $key into a unique cache key. If the cache key does not exist, the callback function is executed; otherwise, the user is prompted not to submit the form again.

In actual use, the appropriate anti-shake and anti-resubmission time intervals can be selected according to the specific situation. Reasonable use of anti-shake and anti-resubmission technologies can improve the user's interactive experience, reduce the burden on the server, and improve application performance.

The above is an introduction to anti-shake and anti-re-submission technology in PHP, and also provides specific code examples. It is hoped that readers can use these technologies to optimize the user interaction experience of websites and applications and improve user satisfaction.

The above is the detailed content of PHP anti-shake and anti-duplicate submission technology: one of the keys to optimizing user interaction. For more information, please follow other related articles on the PHP Chinese website!