Laravel Blade中无需路由控制器实现哈希密码生成按钮问题

你遇到的核心问题是：Hash::make() 和 str_random() 都是PHP服务器端函数，而按钮点击是前端JS事件——页面渲染完成后，PHP代码已经执行完毕，没法在JS触发时再调用这些PHP函数。要在纯Blade文件内解决，我们可以让同一个Blade文件同时处理页面展示和哈希生成请求，不用额外路由或控制器。

具体实现步骤：

1. 在Blade文件开头判断请求参数，如果带有generate_hash参数，直接输出生成的哈希值；否则渲染正常页面内容。
2. 给生成按钮绑定JS点击事件，通过fetch请求当前页面并带上generate_hash参数，获取返回的哈希值后填入表单字段。

完整代码示例：

@if(request()->has('generate_hash'))
    {{ Hash::make(str()->random(12)) }} {{-- Laravel 9+ 用str()->random()，旧版本用str_random() --}}
@else
    <div>
        <label for="password">密码哈希：</label>
        <input type="text" id="password" name="password">
        <button id="generate-btn">生成哈希密码</button>
    </div>

    <script>
        document.getElementById('generate-btn').addEventListener('click', async function() {
            try {
                // 请求当前页面并带上生成哈希的参数
                const response = await fetch(window.location.pathname + '?generate_hash=1');
                const hash = await response.text();
                // 将哈希值填入输入框
                document.getElementById('password').value = hash.trim();
            } catch (err) {
                console.error('生成哈希失败:', err);
            }
        });
    </script>
@endif

注意事项：

• 如果是Laravel 8及以下版本，把str()->random(12)换成str_random(12)
• 这种方式每次点击都会发起一次服务器请求，生成全新的哈希值，完全满足需求
• 不需要额外创建路由、控制器，所有逻辑都在当前Blade文件内

内容的提问来源于stack exchange，提问作者Jessica Kimble