尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
报表笔记:为什么模态框取消时还405?
问题模态框“取消”按钮点击后触发表单提交导致 405咏方舟-长流支流 2026-07-18正常情况下在表格中选择一条记录编辑弹出模拟的模态对话框加载数据如图但是当点取消按钮时发现出现了405说明网页触发了一个请求可按F12去看。在移植报表的时候又碰到这个问题因为我封装了以后其实是前端、后端再也一行代码也不用写的结果又一不小心踩坑了。现象点击模态框中的“取消”按钮页面出现 405 错误或页面刷新/跳转。原因HTML 规范中button元素如果没有指定type属性默认是typesubmit。当按钮位于form标签内部时点击会触发表单提交导致页面刷新或 405。解决方案给所有“取消”类按钮显式添加typebuttonbuttontypebuttononclickcloseModal()取消/buttontypebutton表示这是一个普通按钮不会触发表单提交。涉及范围模态框的“取消”按钮模态框的“关闭”按钮任何在form内部但不想触发表单提交的按钮经验总结表单内的按钮如果意图不是“提交”一定要加typebutton。这个坑在模态框里尤其常见因为模态框经常放在表单内部而取消/关闭按钮的初衷只是关闭弹窗不该提交数据。不加type属性就会触发提交导致页面刷新或 405。submit它触发了一个标准的 POST 请求。具体机制如下请求方向浏览器默认将表单数据提交到当前页面的 URL即https://localhost:7222/NormViewGrid?controllerproducts。请求内容这是一个Content-Type: application/x-www-form-urlencoded的 POST 请求会携带表单中所有输入框的值。为什么是 405NormViewGrid控制器设计为渲染页面视图只配置了[HttpGet]用于打开页面服务器没有配置响应 POST 请求的处理方法。当收到 POST 请求时服务器返回“方法不允许”的错误。所以它既不是“不存在的路由”404也不是“跨域问题”CORS而是一个路由存在但方法不匹配的典型场景。通过添加typebutton按钮不再承担“提交”角色从而规避了浏览器自动发起的这个 POST 请求。
RELATED

相关推荐

前端内存泄漏的系统化排查:从 Chrome DevTools 手动定位到自动化检测管线的工程化演进

前端内存泄漏的系统化排查:从 Chrome DevTools 手动定位到自动化检测管线的工程化演进

前端内存泄漏的系统化排查:从 Chrome DevTools 手动定位到自动化检测管线的工程化演进 一、内存泄漏的隐蔽性:为什么"页面变慢"不等于"内存泄漏" 前端开发者对内存泄漏的典型感知是"页面操作越多越慢"或"长时间运行后…

📅 2026/11/11 16:52:54
论文初稿被批太水?,有哪些真正性价比高的的降AIGC工具推荐?

论文初稿被批太水?,有哪些真正性价比高的的降AIGC工具推荐?

毕业论文降AIGC,优先选语义重构 学术优化 去AI痕迹的工具,免费与付费结合最稳妥。下面按中文、英文、免费/付费分类推荐,附实测效果与适用场景。 一、中文论文降重工具(最常用) 1. 千笔AI(综合全能首选&a…

📅 2026/10/6 9:29:11
WSaiOS™新一代模拟人工智能(SAI)

WSaiOS™新一代模拟人工智能(SAI)

WSaiOS™ Simulated Artificial Intelligence White Paper v1.0WSaiOS™新一代模拟人工智能(SAI)WSaiOS Cognitive Kernel第一章 为什么需要新的人工智能路线作者:东塬一老翁技术支持:WSaios多模态智能技术研发工作室1.1 人工智能…

📅 2026/9/11 0:54:36
MORE NEWS

更多资讯

📰

低压电工证能干接线吗保姆级教程:证书过期了不知道怎么复审延期别慌

低压电工证能干接线吗保姆级教程:证书过期了不知道怎么复审延期别慌 证书过期了不知道怎么复审延期?低压电工证能干接线吗?这是新乡市很多市政公用工程从业者常遇到的困惑,尤其是在现场施工时,很多工人因为证书问题被停工、扣分甚至罚款,影响项目进度。…

📰

太康县办理电工证值不值得考?实操考试心里没底怕挂科

太康县办理电工证值不值得考?实操考试心里没底怕挂科 实操考试心里没底怕挂科?你不是一个人,太多人因为电工证的门槛高、流程复杂而犹豫不决,尤其是太康县的小伙伴,办理电工证值不值得考,这个问题天天在问。…

📰

低压电工证的兆欧表证怎么转异地 真实经历告诉你别再错过复审时间

低压电工证的兆欧表证怎么转异地 真实经历告诉你别再错过复审时间 证书过期了不知道怎么复审延期?你不是一个人,我是焦作市政公用工程一线的电工,干这行十年,见过太多人因为没及时复审,直接被清退,甚至丢了饭碗。今天就用我的 真实经历…

📰

九亭电工证报名地点怎么找?全国通用证书怎么考

九亭电工证报名地点怎么找?全国通用证书怎么考 证书过期了不知道怎么复审延期?别慌,这期内容给你讲透九亭电工证报名地点和全国通用证书怎么考、怎么用。很多电工朋友一证在手,却对怎么报名、怎么复审、怎么换地区都不清楚,尤其是从平顶山转岗过来的电工…

📰

配电室 电工证报名入口与办理流程

配电室电工证怎么报名?保姆级教程帮你避开中介陷阱 你是不是也遇到过这种情况:听说要进配电室工作,必须有电工证,但不知道去哪报名,担心被中介坑?别急,这篇保姆级教程就是为你们量身打造的,…

📰

工地太忙根本没时间复习考试?真伪电工证官方报名入口全解析

工地太忙根本没时间复习考试?真伪电工证官方报名入口全解析 为什么工地电工证越来越难考? 你是不是也遇到过这种情况,工地项目一忙,根本没有时间复习电工证考试?其实这不是个例,很多电工都因为工作节奏快、培训时间紧而错过考试。而如今,…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬