表单提交后数据未到服务器，主因是本地双击打开HTML时file://协议拦截请求，或后端未正确配置PHP解析、未启用HTTP服务；需用Live Server运行、验证action路径、检查Network请求及后端响应。
表单提交后页面刷新但数据没到服务器？先确认 action 地址是否为相对路径且可访问
本地双击打开 HTML 文件（file:// 协议）时， 会尝试向本地文件系统发请求，浏览器直接拦截，控制台报 net::ERR_FILE_NOT_FOUND 或 Blocked a frame with origin "null"。这不是代码错，是协议限制。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 必须用 HTTP 服务运行：VS Code 装
Live Server插件右键“Open with Live Server”，地址变成http://127.0.0.1:5500/xxx.html - 检查
action值——如果是action="./api/submit.php"，确保该 PHP 文件真实存在于项目目录的./api/下，且 Web 服务器（如 Apache/Nginx/PHP built-in server）已启用并能解析 PHP - 在浏览器开发者工具 Network 标签页中提交表单，看是否发出请求；若没发请求，说明表单被 JS 阻止或 HTML 结构错误（比如
没闭合、嵌套在外又包了另一个）Chrome 控制台报 “405 Method Not Allowed”？检查后端是否允许 POST 请求
静态 Web 服务器（如 GitHub Pages、Vercel、Netlify）默认不执行 PHP/Node.js 后端逻辑，只返回 HTML/CSS/JS 文件。当你写
action="submit.php"，它们会把submit.php当作纯文本返回，或直接 404；而某些配置不当的 Nginx/Apache 可能返回 405，表示服务器收到 POST 但拒绝处理。实操建议：
立即学习“前端免费学习笔记（深入）”；
- 用
curl -X POST http://localhost:8000/submit.php测试后端接口是否响应，而非只靠浏览器点提交 - 确认后端服务已启动：PHP 用户运行
php -S 127.0.0.1:8000并指定路由脚本；Node.js 用户确认express或serverless-http已监听对应路径 - 检查后端代码是否遗漏
method判断——例如 Express 中写了app.get('/submit', ...)却在前端用method="POST"，就会 405
表单提交后跳转到空白页或显示 PHP 源码？后端未正确解析 .php 扩展名
现象：点击提交，浏览器地址栏变成
http://localhost:8000/submit.php，页面显示一堆 PHP 代码原文，说明 Web 服务器没把.php文件交给 PHP 解释器执行，而是当作普通文本返回了。实操建议：
立即学习“前端免费学习笔记（深入）”；
- PHP 内置服务器（
php -S）不支持自动解析.php，需手动指定路由器文件，例如php -S 127.0.0.1:8000 router.php，并在router.php中判断路径并include对应文件 - Apache 需开启
mod_php或使用php-fpm；Nginx 需配置location ~ \.php$ { fastcgi_pass ... }，且确保fastcgi_param SCRIPT_FILENAME指向正确物理路径 - 最简验证法：单独访问
http://localhost:8000/test.php，内容为，如果看到ok就说明 PHP 正常；看到源码就说明解析失败
用 fetch 提交但控制台没报错、后端也收不到请求？检查 CORS 和请求头设置
如果改用 JavaScript 的
fetch()提交，而不用原生表单提交，常见静默失败原因不是语法错，而是跨域或 Content-Type 不匹配。实操建议：
立即学习“前端免费学习笔记（深入）”；
-
fetch('submit.php', { method: 'POST' })默认发送Content-Type: text/plain，PHP 的$_POST只自动解析application/x-www-form-urlencoded和multipart/form-data，其他类型需手动读取php://input - 若前端地址是
http://localhost:3000，后端是http://localhost:8000，属于跨域，需后端响应头包含Access-Control-Allow-Origin: *，否则浏览器直接拦截请求（Network 里看不到该请求） - 避免踩坑：先用原生
验证后端通路，再换 fetch；fetch 成功后记得event.preventDefault()防止表单默认提交
- 用
