ThinkPHP6 フォームの繰り返し送信処理: 繰り返し操作の防止

ThinkPHP6 フォームの繰り返し送信処理: 繰り返し操作の防止

Web アプリケーション開発では、フォームの送信は一般的な操作です。ただし、ネットワークの遅延や誤操作により、ユーザーがフォームを繰り返し送信する場合があり、システムに問題が発生する可能性があります。この問題を解決するために、ThinkPHP6 フレームワークでフォームの繰り返し送信処理を実行し、ユーザーが繰り返し操作することを防ぐことができます。

1. 原因分析

フォームが繰り返し送信される主な理由は 2 つあります:

1. ネットワーク遅延: ユーザーが送信ボタンをクリックすると、フォーム データは処理のためにサーバーに送信されます。ただし、ネットワーク遅延によりサーバーが時間内に応答しない場合があり、ユーザーは操作が失敗したと誤って送信ボタンを再度クリックします。

2. 誤操作: フォームを送信した後、ユーザーは操作が成功したかどうかわからないため、送信ボタンを複数回クリックし、フォームが複数回送信される可能性があります。

2. フォームの繰り返し送信を防ぐ方法

1. フォーム トークンの検証: フォームにトークンを追加することで、フォームの一意性を確保します。ユーザーがフォームを送信するたびに、トークンが一意の値を生成し、セッションに保存されます。サーバーはフォーム データを受信すると、トークンの有効性を検証します。検証に失敗した場合は、フォームが再度送信されることになります。

コード例:

トークンを生成するメソッドをコントローラーで定義します:

namespace appcontroller;

use thinkController;

class Example extends Controller
{
    public function index()
    {
        // 生成Token
        $token = md5(uniqid(rand(), true));
        
        // 保存Token到Session
        session('token', $token);
        
        // 渲染模板，将Token传递给前端
        return $this->fetch('index', ['token' => $token]);
    }
}

テンプレートにトークンの隠しフィールドを追加します:

<form action="/example/submit" method="post">
    <input type="hidden" name="token" value="{{ $token }}">
    <!-- 其他表单元素 -->
    <button type="submit">提交</button>
</form>

有効性を確認しますコントローラー内のトークンの:

namespace appcontroller;

use thinkController;

class Example extends Controller
{
    public function submit()
    {
        // 获取表单提交的Token值
        $token = input('post.token');
        
        // 判断Token是否有效
        if ($token && $token === session('token')) {
            // 执行表单提交操作
            
            // 清除Session中的Token
            session('token', null);
            
            // 返回成功页面
            return '提交成功！';
        } else {
            // 返回错误页面
            return '非法的表单提交！';
        }
    }
}

上記のコードを通じて、フォームの一意性を保証するためにフォームのトークン検証を実装できます。ユーザーが送信ボタンをクリックすると、サーバーはトークンの有効性を検証します。検証に失敗した場合は、フォームが再度送信されることを意味します。それ以外の場合は、通常のフォーム送信操作が実行されます。

2. 繰り返し送信ボタンを無効にする: ユーザーが送信ボタンをクリックした後、すぐにボタンを無効にして、ユーザーが繰り返しクリックできないようにします。

コード例:

<script>
    document.getElementById('submitBtn').addEventListener('click', function () {
        // 禁用按钮
        this.disabled = true;
    });
</script>

上記のコードでは、ユーザーが送信ボタンをクリックした後、ボタンはすぐに無効になり、ユーザーは繰り返しクリックできなくなり、フォームの繰り返し送信を回避できます。 。

3. 概要

フォームの繰り返しの送信は、Web アプリケーション開発で対処する必要がある一般的な問題です。上記で紹介した方法はフォームの重複送信を防止する一般的な方法ですが、プロジェクトの実情に応じて適切な方法を選択し、システムの安定性とセキュリティを確保するためにフォームの重複送信に対処してください。

以上がThinkPHP6 フォームの繰り返し送信処理: 繰り返し操作の防止の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。