带URL Fragment的页面，表单未修改时无法提交？原因咨询

现象总结 #

页面存在表单时：

• URL无Fragment（锚点）：无论表单内容是否和当前URL的query参数一致，提交表单都会触发页面刷新
• URL带有Fragment：仅当表单内容与query参数不同时才会正常提交刷新；内容完全匹配时，浏览器会阻止提交，页面无变化

原因解析 #

这是Chrome、Edge、Firefox等主流浏览器内置的冗余请求优化机制，目的是避免发起不会改变页面内容的无效请求：

• 当URL包含Fragment时，浏览器会对比「表单提交后生成的目标URL（表单action地址+提交参数的query）」和「当前页面URL去掉Fragment后的部分」
• 如果两者完全一致，且表单输入内容和当前URL的query参数完全匹配，浏览器判定这次提交不会带来任何页面内容更新，只会定位到相同锚点，因此会拦截表单的默认提交行为，不发起网络请求，也不刷新页面
• 当URL没有Fragment时，浏览器不会触发这个优化逻辑，哪怕表单内容和query参数一致，也会正常执行提交刷新流程

对应复现场景的验证 #

• 步骤1-3：URL无Fragment，即便表单内容和query参数完全匹配（步骤3），浏览器仍正常提交刷新
• 步骤4-5：URL带有Fragment，表单内容和query参数完全一致，触发优化机制，阻止提交
• 步骤6：修改表单内容后，提交的目标URL query与当前URL非Fragment部分不一致，优化逻辑不生效，表单正常提交刷新

内容的提问来源于stack exchange，提问作者Warren Spencer