PRG 模式（Post/Redirect/Get 模式）

senge

2025 年 06 月 17 日

26 次浏览

暂无评论

3205字数

学习笔记

PRG 模式（Post/Redirect/Get 模式）的具体流程

PRG 模式是一种 Web 开发中用于处理表单提交的设计模式，其核心目的是解决表单重复提交问题，并提升用户体验。下面详细介绍其流程及相关要点：

一、PRG 模式的核心流程

PRG 模式的流程可分为三个关键步骤，形成一个完整的请求-响应循环：

第一步：Post 请求（表单提交）
- 用户操作：用户在网页表单中填写数据并点击提交按钮，浏览器向服务器发送一个 POST 请求。
- 服务器处理：
  - 接收表单数据并进行验证（如数据格式、必填项等）。
  - 执行业务逻辑（如数据存储、数据库操作等）。
  - 不直接返回表单处理结果页面，而是生成一个重定向响应。
第二步：Redirect 重定向（3xx 状态码）
- 服务器操作：服务器向浏览器返回一个重定向响应（通常是 HTTP 303 或 302 状态码），指定重定向的目标 URL。
- 目标 URL 特点：
  - 通常是一个 GET 请求的 URL（如显示提交成功的页面、列表页或详情页）。
  - 可在 URL 中附带参数（如提交成功的记录 ID），用于后续页面展示。
第三步：Get 请求（获取结果页面）
- 浏览器操作：浏览器根据重定向响应，向目标 URL 发送一个 GET 请求。
- 服务器处理：
  - 接收 GET 请求并解析参数（如有）。
  - 根据参数获取数据并渲染页面（如显示“提交成功”信息或相关记录详情）。
- 用户体验：用户看到最终的结果页面，此时浏览器地址栏显示的是重定向后的 URL。

二、PRG 模式的关键优势

解决表单重复提交问题
- 若用户提交表单后直接刷新页面，传统方式会重复提交 POST 请求（可能导致数据重复）；而 PRG 模式下，刷新的是重定向后的 GET 请求，不会重复提交表单数据。
优化用户体验
- 重定向后的页面可明确展示操作结果（如成功/失败），避免用户对“是否提交成功”产生困惑。
- 地址栏显示的是有意义的 URL，用户可直接收藏或分享该页面。
符合 HTTP 规范
- POST 请求用于修改数据，GET 请求用于获取资源，符合 RESTful 设计原则。

三、PRG 模式的应用场景

表单提交场景：如注册、登录、评论发布、订单提交等。
需要避免重复操作的场景：如支付确认、数据删除等危险操作。
需要明确展示操作结果的场景：提交后跳转到“成功页面”或相关详情页。

四、PRG 模式与传统表单处理的对比

对比维度	传统表单处理（Post-Get）	PRG 模式（Post-Redirect-Get）
提交后响应	直接返回处理结果页面（如 HTML 内容）	返回重定向响应（3xx 状态码）
刷新页面影响	重复提交 POST 请求（可能导致数据重复）	发送 GET 请求（获取结果页面，无副作用）
地址栏 URL	仍为表单提交 URL，不展示结果相关信息	变为重定向后的 URL，可包含结果参数
书签/分享支持	无法直接书签或分享处理结果	可书签或分享重定向后的结果页面

五、PRG 模式的实现示例（以 Web 框架为例）

以 Java Spring MVC 框架为例，实现 PRG 模式的代码逻辑如下：

@Controller
public class FormController {
    
    // 处理表单提交的 POST 请求
    @PostMapping("/submit-form")
    public String handleFormSubmission(FormData formData, Model model) {
        // 1. 验证表单数据
        if (!formDataIsValid(formData)) {
            model.addAttribute("errors", getValidationErrors(formData));
            return "form-page"; // 若验证失败，返回表单页（非 PRG 流程）
        }
        
        // 2. 执行业务逻辑（如保存数据到数据库）
        saveFormDataToDatabase(formData);
        
        // 3. 重定向到结果页面（PRG 核心步骤）
        return "redirect:/form-success?id=" + formData.getId();
    }
    
    // 处理重定向后的 GET 请求
    @GetMapping("/form-success")
    public String showSuccessPage(@RequestParam("id") Long formId, Model model) {
        // 获取表单数据并渲染成功页面
        FormData data = getFormDataById(formId);
        model.addAttribute("formData", data);
        return "success-page";
    }
}

六、注意事项

重定向状态码选择：
- HTTP 303（See Other）是 PRG 模式的推荐状态码，明确指示浏览器使用 GET 方法访问重定向 URL。
- 部分框架默认使用 302（Found），需注意兼容性。
数据传递方式：
- 重定向时可通过 URL 参数传递简单数据（如 ID），但敏感信息（如密码）不可暴露在 URL 中。
- 复杂数据可通过 Session 临时存储，在重定向后的 GET 请求中获取并清除。
错误处理：
- 若表单验证失败或业务逻辑执行出错，通常不执行重定向，而是返回表单页并显示错误信息（非 PRG 流程）。

通过 PRG 模式，Web 应用可更优雅地处理表单提交，避免用户操作带来的副作用，同时提升整体交互体验。

PRG 模式（Post/Redirect/Get 模式）