JQuery ajax提交表单时<button>按钮引起的 Request method 'GET' not supported错误！

敕令 敕令 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2k累计阅读 2.1k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄10年
关注
原创 最新推荐文章于 2026-08-26 14:43:49 发布 2k 阅读 AI 写同款· GEO 优化 ›
Fetch API 原理解析：从 Promise 网络请求到生产级错误处理 Fetch API 是现代 Web 开发中基于 Promise 的原生网络请求标准，它取代了回调驱动的 XMLHttpRequest，提供声明式、可链式处理的 HTTP 通信能力。其核心在于 Request/Response 对象抽象与标准化的异步流程，使开发者能精准区分网络错误、HTTP 错误和业务错误三层异常。技术价值体现在轻量（零依赖）、可控（无封装黑盒）、可扩展（支持 AbortController、流式响应）及与现代前端生态（如 async/await、Service Worker）深度协同。典型 阅读详情
前端在ajax提交表单时往往用button来触发函数，如果button按钮写在表单<form></form>标签内，而表单只定义了<form id="44"></form>时，会报Request method 'GET' not supported错误！解决方法是把<button>按钮移到表单标签内。或者用标签元素来代替按钮。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Fetch API 核心原理与生产实践：从 Promise 到流式数据处理 Fetch API 是现代 Web 开发中基于 Promise 的原生网络请求标准，它重新定义了浏览器与服务器间的数据交互范式。其核心原理在于将 HTTP 请求/响应建模为可组合的 Promise 链与 ReadableStream 流，天然契合 JavaScript 运行时语义。相比 XMLHttpRequest，Fetch 提供更清晰的错误边界（如 response.ok 区分网络与 HTTP 错误）、更严格的语义约束（GET 禁用 body、POST 强制类型声明）以及对 AbortControlle 阅读详情

相关推荐

基于Flask的Web全栈开发：从零构建音乐分享平台毕业设计

Web开发是构建现代互联网应用的核心技术，其核心原理在于通过HTTP协议实现客户端与服务器的通信，并利用数据库进行数据持久化。在众多技术栈中，Python因其简洁语法和丰富的生态成为快速开发的热门选择，其中Flask框架以其轻量灵活的特性，成为全栈入门和毕业设计的理想工具。通过ORM技术（如SQLAlchemy）可以高效管理数据模型，而用户认证和文件上传则是Web应用的关键功能模块。这些技术组合在一起，能够高效实现包含用户系统、内容管理和社区互动等功能的完整应用，例如一个音乐分享平台。本项目正是基于Flas

weixin_34375251的博客 328

Ajax技术全解析：从XHR原理到Fetch API实战与性能优化

在Web开发中，异步数据交互是实现动态网页体验的核心技术。其基本原理是通过JavaScript在后台与服务器进行数据交换，无需重新加载整个页面即可更新局部内容，从而显著提升用户体验和页面性能。这项技术的核心价值在于将Web应用从静态文档转变为动态应用，实现了无刷新更新、实时数据加载等关键功能。在实际应用场景中，它被广泛用于表单提交、实时搜索、无限滚动、购物车更新等交互功能。本文聚焦于Ajax技术的实现，深入探讨了其底层XMLHttpRequest对象的工作机制，并对比了现代Fetch API的使用方法，同时

weixin_34277853的博客 318

Java Web学生信息管理系统：从架构设计到工程实践的毕业设计全解析

在软件开发领域，企业级应用开发是连接计算机科学理论与工程实践的关键环节。其核心在于运用成熟的技术栈，构建稳定、安全且可维护的系统，以解决复杂的业务需求。Java Web技术凭借其强大的生态和严谨的工程体系，成为实现这类系统的经典选择。通过Spring Boot、MyBatis等框架的组合，开发者可以高效地实现数据持久化、业务逻辑分层和Web请求处理，其技术价值体现在规范化的开发流程和应对一致性、安全性挑战的能力上。这种模式广泛应用于各类信息管理系统，例如内部ERP、OA系统等。本文聚焦于一个经典案例——学生

weixin_30684743的博客 400

Request method ‘GET‘ not supported，不支持GET形式访问

org.springframework.web.HttpRequestMethodNotSupportedException: Request method ‘GET’ not supported 原因：异常提示的很明确，请求不支持GET方式访问，出现这种问题一般都是由于限制请求接口为POST，然后使用GET形式访问造成的。 解决方案：碰到这种问题有的小伙伴可能很懵逼，除萌新外大部分人都了解，既然限制了接口的访问类型，那肯定会用自己设定的访问类型去访问，比如你一个POST接口肯定不会用GET形式方式，但是有

qq_45489797的博客 12万+

2024广东省职业技能大赛云计算——集群部署GitLab

题目是这样的：在Kubernetes集群中新建命名空间gitlab-ci，将GitLab部署到该命名空间下，Deployment和Service名称均为gitlab，以NodePort方式将80端口对外暴露为30880，设置GitLab服务root用户的密码为admin@123，将项目包demo-2048.tar.gz导入到GitLab中并命名为demo-2048。GitLab是一个功能强大且灵活的 DevOps 平台，为开发团队和企业提供了从代码管理到持续集成、交付和部署的一整套解决方案。

kuuuugua的博客 4396

ONFI5.0命令字实战指南：从基础操作到高级应用

本文深入解析ONFI5.0协议的核心——命令字，提供从基础操作到高级应用的实战指南。详细拆解了NAND闪存的复位、读状态、数据读取（00-30）、页编程（80-10）和块擦除（60-D0）等关键命令周期，并探讨了多平面操作与缓存操作等高级性能优化技巧，帮助开发者高效、稳定地与NAND芯片进行底层交互。

vscode5coder的博客 463

Request method 'GET' not supported

请求方法 GET 不被支持。 这是一个 HTTP 错误消息，意思是服务器不支持使用 GET 方法的请求。GET 方法是 HTTP 协议中最常见的方法，用于请求服务器发送指定资源的信息。如果服务器不支持 GET 方法，则会返回这个错误消息。 通常情况下，服务器会支持 GET 方法，因为这是 HTTP 协议中最基本的方法。如果您遇到了这个错误，可能是因为服务器上的某些配置出了问题，或者您正在尝试访问的...

weixin_35751412的博客 8282

STM32Cubemx-H7-17-麦克纳姆轮驱动

我们先看.h，知道哪些函数会有哪些功能和宏定义参数首先 是在.h的宏定义处定义引脚编号，比如tb6612控制方向的引脚，以及设定了哪个定时器作为pwm输出，还有编码计次的中断引脚/* 硬件相关宏定义 *//*1 前进方向往上 42 3*/// TB6612 方向引脚定义/* 定时器相关宏定义 *//* 编码器相关宏定义 */把自己的引脚根据原理图填对应，方向引脚也是，如果发现反转就把对应的引脚定义反过来，编码也是，编码我们用一个引脚就好，都在cubemx配置好。

m0_74211379的博客 1423

解决Request method ‘GET‘ not supported的问题

首先这个错误很有可能是请求方式不正确引起的。springboot常见的请求方式有3种，分别是@RequestMapping，@GetMapping，@PostMapping，这三种注解分别是啥意思呢？下面简单介绍一下： ** @RequestMapping：这是个综合注解，没有指定请求方式，因此可以接收post，get，put，head等的一系列的请求方式 @GetMapping：这是get的请求方式，浏览器默认的就是这种请求方式，是@RequestMapping(method=RequestMethod

那条大鱼的博客 9万+

玩转Zabbix智能告警：降噪、排班、认领、升级、IM协同

集成Zabbix告警到FlashDuty，获得告警降噪、智能排班、IM协同等能力

n9ecommunity的博客 1040

基于Arduino的智能垃圾桶

通过本次简单的Arduino智能垃圾桶小实验可以快速了解Arduino的基本用法 1、材料准备 Arduino UNO HC-SR04超声波模块 SG90舵机 杜邦线 电源 电脑 2、代码分析 电机的控制 #include<Servo.h> #define duoji D5 Servo myduoji; void setup() { myduoji.attach(duoji); //舵机连接 Serial.begin(115200); } void loop() { myduoji.w

weixin_41679960的博客 1万+

Request method 'GET' not supported解决方式

There was an unexpected error (type=Method Not Allowed, status=405). Request method ‘GET’ not supported 解决方案： 第一种情况：前台页面的表单在一些情况下没有指定POST方法： Ajax没有指定POST方法： 后台方法在一定情况下需要指定POST方法： 第二种情况：前端参数类型与后台数据库中的...

乔治大哥的博客 7万+

告别玄学：用Multisim或LTspice仿真带你直观理解PFC的三种工作模式（CCM/DCM/CrM）

本文通过Multisim和LTspice仿真工具，详细解析了PFC（功率因数校正）的三种工作模式（CCM、DCM、CrM）的本质差异。从波形捕捉到参数优化，提供了实用的仿真技巧和工程实践策略，帮助工程师直观理解并优化PFC电路设计，提升THD和功率因数。

weixin_30363285的博客 396

jQuery AJAX实战入门：从零配置加载到生产级封装

AJAX（Asynchronous JavaScript and XML）是Web前端实现异步通信的基础技术，其核心在于不刷新页面即可与服务器交换数据。jQuery通过高度封装的.ajax()、.get()、.post()等方法，将原生XMLHttpRequest的复杂状态机简化为声明式配置，大幅降低异步请求的学习门槛。它内置自动JSON解析、跨域兼容处理、错误分类反馈与Promise链式调用等能力，使开发者能快速构建动态内容、表单无感提交和实时数据加载。尤其适合jQuery项目维护、传统系统渐进增强及无后

ciyinzhi8788的博客 384

unity 在透明物体上投射阴影

unity版本：2019.4.16 创建一个shader,代码如下： Shader "ChuckLee/ARShadow" { Properties { _ShadowColor("Shadow Color", Color) = (0.1, 0.1, 0.1, 0.53) } SubShader { Tags{ "RenderType" = "Transparent" "Queue" = "Geometry+1" } Blend SrcAlpha OneMinusSrcAlph

Abel02的博客 2953

odom反算成经纬度

这个转换系统能够将局部坐标（相对于原点的X, Y, Z坐标）转换回全球坐标系统。将局部里程计数据反算成经纬度坐标的过程涉及几个关键步骤，主要是将相对于某个局部参考点的坐标（例如在机器人、无人车或无人机的导航系统中使用的坐标）转换回全球GPS坐标系统（WGS-84经纬度）。为了能够将局部里程计数据转换为经纬度，首先需要知道局部坐标系统的原点（即参考点）在全球坐标系统中的位置。对于从里程计获得的每个局部坐标点，使用步骤2中设置的坐标转换系统将其转换为经纬度。使用转换模型将局部坐标转换为全球坐标。

如果想成为中心，那么就到中心去吧。 650

Java EE：7.网络原理- HTTP/HTTPS（第四弹）：HTTP 响应+构造 HTTP 请求

Java EE：7.网络原理- HTTP/HTTPS（第四弹）：HTTP 响应+构造 HTTP 请求

要努力去发光，而不是被照亮~ 2462

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明，包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

通用分页查询架构设计：基于配置驱动的中后台列表开发实践

在Web应用开发中，分页查询与数据导出是管理后台系统中最常见且重复性极高的功能模块。其核心原理在于通过前后端分离架构，将查询参数、分页逻辑与数据展示进行解耦，实现数据的高效获取与渲染。这种模式的技术价值在于大幅提升开发效率、降低代码冗余，并保证系统架构的一致性。在实际应用场景中，开发者常面临为每个业务列表重复编写相似代码的困境，导致维护成本激增。本文聚焦于**通用ViewModel设计**与**配置化查询**，通过构建一个可复用的数据查询处理模型，结合**KnockoutJS数据绑定**与**MVC后端架构

416

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

Python构建轻量级电子考勤系统：从Flask后端到数据库设计全流程实战

Web开发与数据库设计是构建现代信息管理系统的核心技术基础。通过后端框架处理业务逻辑、前端界面实现用户交互、数据库持久化存储数据，这一经典架构支撑着从电商平台到办公系统的各类应用。Python凭借其简洁语法和丰富生态，成为快速实现这类系统的理想选择，其Flask微框架和SQLAlchemy ORM等技术能显著提升开发效率。在考勤管理等具体业务场景中，合理的数据模型设计和API规划直接决定了系统的可维护性与扩展性。本文以电子考勤系统为例，详细解析如何使用Python技术栈，结合Flask、SQLite和Pan

weixin_34195546的博客 367

Camera2Demo

在Camera2 的基础上进行封装，使得Camera2一堆初始化逻辑与Activity分离，降低耦合度，完成预览拍照并保存的操作

你不知道的Request method ‘GET‘ not supported的另一种原因

当服务配置了http到https的重定向时，请求方式是http的POST，由于配置http到https的转发，进而出现了"Request method ‘GET’ not supported"的假象，当我们使用https进行进行请求时则恢复正常。这个错误很常见也很容易解决。从上图我们可以看到，当向一个POST的接口发起GET请求时，服务端会出现标题的错误，这个也是最常见的一种错误。当我们使用了正常的POST请求后，则返回了期望的结果。nginx http转https配置。

雨潇的专栏 8795

浏览器出现Request method ‘GET‘ not supported (type=Method Not Allowed, status=405)的解决方法

Request method ‘GET’ not supported 不支持get请求方法，只支持POST方法 解决方案：把get请求改为post请求 一、火狐浏览器 Firefox可以直接编辑请求参数，再重新发送请求 F12，点击编辑和重发，改为POST，点击发送 二、Postman 借助工具Postman 输入URL-选择想要的请求方式-发送 ...

weixin_46475607的博客 5889

HTTP请求报错：405 Request method ‘GET‘ not supported解决方法！！（终极整理）

1.问题场景 在项目中发送ajax请求时，控制台提示如下错误信息： org.springframework.web.HttpRequestMethodNotSupportedException: Request method ‘GET’ not supported 2.异常解析 这个异常翻译过来就是http请求的方法映射异常，后面的详情信息说，该GET请求不被支持。 2.1异常原因 1.该请求路径存在，但是请求类型不为GET请求。 例如： 前端请求： //前端ajax发送请求 $.ajax({ url:

good_good_xiu的博客 2万+

运行时报错 ：Request method ‘GET‘ not supported

org.springframework.web.HttpRequestMethodNotSupportedException: Request method 'GET' not supported

qq_49014164的博客 7371

Request method ‘GET‘ not supported解决方法

控制层和HTML前端同时强制使用Post输出(找到对应的前端页面在其中添加。Spring Security 的默认登录处理接口。请求（用于提交用户名密码），但你需要额外提供一个。强制使用 POST 请求（适用于纯 API 接口）从浏览器访问路径不支持Post方法。→ 强制刷新或检查重定向逻辑。，但前端（或浏览器）尝试用。直接通过浏览器地址栏输入。前端 AJAX 请求误用。（默认发 GET 请求）在安全配置中明确允许。

m0_74397009的博客 2303
上一篇： 屏幕下雪特效的jQuery实现
下一篇： Spring 定时任务集群修改配置文件无效
点赞 1
评论 0
书签 书签 0
敕令
敕令
博客等级 码龄10年 0粉丝 10原创
+ 关注
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值