0

0

Laravel Precognition如何实现前端实时验证? (减少AJAX请求)

php中文网

php中文网

发布时间:2026-01-12 11:43:51

|

543人浏览过

|

来源于php中文网

原创

Precognition 是 Laravel 的服务端预验证机制,通过前置验证请求(带 Precognition: true 头)提前暴露错误,不减少 AJAX 请求量;需控制器调用 validate()、前端解析 X-Validation-Errors 响应头。

laravel precognition如何实现前端实时验证? (减少ajax请求)

Precognition 是什么,它真能减少 AJAX 请求?

不能。Precognition 本身不是“减少请求”的技术,而是 Laravel 提供的一种服务端预验证机制,它要求前端在提交表单前,先用 Precognition 请求头发起一次 POST(或 PUT/PATCH)请求,让服务端提前运行验证逻辑——但不执行实际业务逻辑(比如不创建模型、不发邮件)。它增加了一次请求,换来的是更早暴露验证错误、避免无效提交、提升 UX 连贯性。

如何启用 Precognition 验证并返回正确响应?

Laravel 10.42+ 原生支持 Precognition,关键在于:控制器方法必须显式声明 ->validate() 或使用 validated(),且请求必须带 Precognition: true 头。Laravel 会自动拦截并只运行验证规则,跳过后续逻辑。

  • 不加 Precognition: true 头 → 按普通请求处理(验证 + 执行业务)
  • 加了但控制器没调用 validate() → 返回 405 或 500(取决于是否匹配路由
  • 加了且调用了 validate() → 返回 204(成功)或 422(验证失败),body 为空,错误信息在 X-Validation-Errors 响应头中(JSON 字符串)
public function store(Request $request)
{
    // ✅ 必须调用 validate() 或 validated()
    $validated = $request->validate([
        'email' => ['required', 'email', 'unique:users'],
        'password' => ['required', 'min:8'],
    ]);

    // ... 实际业务逻辑(仅在非 Precognition 请求中执行)
    User::create($validated);

    return response()->noContent();
}

前端怎么发 Precognition 请求并读取错误?

不能依赖浏览器原生表单提交,必须用 fetchaxios 手动构造请求,并主动解析 X-Validation-Errors 响应头。常见错误是直接读 response.json() —— 因为 Precognition 响应 body 是空的,会报错。

  • 必须设置请求头:Precognition: trueAccept: application/json
  • 必须检查响应状态码:422 表示验证失败,204 表示通过
  • 错误信息在响应头里:response.headers.get('X-Validation-Errors'),需 JSON.parse() 后使用
  • 不要在 catch 中统一处理所有错误 —— 网络失败和验证失败要区分
const response = await fetch('/register', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'Precognition': 'true',
    'Accept': 'application/json',
  },
  body: JSON.stringify({ email: 'test@example.com', password: '123' }),
});

if (response.status === 422) {
  const errors = JSON.parse(response.headers.get('X-Validation-Errors'));
  // { "email": ["The email has already been taken."] }
  renderErrors(errors);
} else if (response.status === 204) {
  // 可以放心提交正式请求
}

为什么实时验证还是卡顿?几个容易忽略的点

Precognition 请求本身不慢,但体验卡顿往往来自误用或环境配置:

ImgCreator AI
ImgCreator AI

一款AI图像生成工具,适合创建插图、动画和概念设计图像。

下载

立即学习前端免费学习笔记(深入)”;

  • 没配 APP_URL 或 HTTPS 代理,导致本地开发时跨域预检(OPTIONS)被阻塞
  • 验证规则里用了 existsunique 等查库规则 → 每次输入都触发 DB 查询,没加缓存或延迟防抖
  • 前端在 input 事件里无节流地发请求 → 一秒打 10 次,后端排队,用户看到“上一条错误还没消失,新错误又来了”
  • 没关掉 Laravel 的 VerifyCsrfToken 中间件对 Precognition 的拦截 —— 默认它会放行,但若自定义了中间件逻辑,可能误判

真正影响体验的,从来不是 Precognition 本身,而是你有没有把它当成一个需要节流、缓存、隔离网络异常的普通 API 调用来看待。

相关专题

更多
laravel组件介绍
laravel组件介绍

laravel 提供了丰富的组件,包括身份验证、模板引擎、缓存、命令行工具、数据库交互、对象关系映射器、事件处理、文件操作、电子邮件发送、队列管理和数据验证。想了解更多laravel的相关内容,可以阅读本专题下面的文章。

316

2024.04.09

laravel中间件介绍
laravel中间件介绍

laravel 中间件分为五种类型:全局、路由、组、终止和自定。想了解更多laravel中间件的相关内容,可以阅读本专题下面的文章。

271

2024.04.09

laravel使用的设计模式有哪些
laravel使用的设计模式有哪些

laravel使用的设计模式有:1、单例模式;2、工厂方法模式;3、建造者模式;4、适配器模式;5、装饰器模式;6、策略模式;7、观察者模式。想了解更多laravel的相关内容,可以阅读本专题下面的文章。

367

2024.04.09

thinkphp和laravel哪个简单
thinkphp和laravel哪个简单

对于初学者来说,laravel 的入门门槛较低,更易上手,原因包括:1. 更简单的安装和配置;2. 丰富的文档和社区支持;3. 简洁易懂的语法和 api;4. 平缓的学习曲线。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

366

2024.04.10

laravel入门教程
laravel入门教程

本专题整合了laravel入门教程,想了解更多详细内容,请阅读专题下面的文章。

81

2025.08.05

laravel实战教程
laravel实战教程

本专题整合了laravel实战教程,阅读专题下面的文章了解更多详细内容。

64

2025.08.05

laravel面试题
laravel面试题

本专题整合了laravel面试题相关内容,阅读专题下面的文章了解更多详细内容。

67

2025.08.05

什么是中间件
什么是中间件

中间件是一种软件组件,充当不兼容组件之间的桥梁,提供额外服务,例如集成异构系统、提供常用服务、提高应用程序性能,以及简化应用程序开发。想了解更多中间件的相关内容,可以阅读本专题下面的文章。

176

2024.05.11

Java 项目构建与依赖管理(Maven / Gradle)
Java 项目构建与依赖管理(Maven / Gradle)

本专题系统讲解 Java 项目构建与依赖管理的完整体系,重点覆盖 Maven 与 Gradle 的核心概念、项目生命周期、依赖冲突解决、多模块项目管理、构建加速与版本发布规范。通过真实项目结构示例,帮助学习者掌握 从零搭建、维护到发布 Java 工程的标准化流程,提升在实际团队开发中的工程能力与协作效率。

3

2026.01.12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Laravel---API接口
Laravel---API接口

共7课时 | 0.6万人学习

PHP自制框架
PHP自制框架

共8课时 | 0.6万人学习

PHP面向对象基础课程(更新中)
PHP面向对象基础课程(更新中)

共12课时 | 0.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号