手写人生第一个 Servlet:GET 参数贴在地址栏,POST 参数藏进信封里|3 种提交方式实测 + F12 抓包图解


🎬 博主名称:一鸣

🔥 个人专栏: 《苍穹外卖》《喜喜》
⛺️生活的理想,就是为了理想的生活!

文章目录

    • 一、先搞清楚我们要做什么
    • 二、环境准备
    • 三、第一步:写测试页面 index.html
    • 四、第二步:写 Servlet —— DemoTestServlet.java
      • 代码里三个必须看懂的点
    • 五、三种方式逐个实测
      • 方式①:GET 表单提交
      • 方式②:超链接访问(本质也是 GET)
      • 方式③:POST 表单提交(重点看 F12)
    • 六、一个请求从浏览器到 Servlet,经历了什么
    • 七、GET vs POST:结合这次实验的硬核对比
    • 八、新手必踩的 5 个坑(对照排查)
      • 坑 1:提交完页面一片空白(最常见)
      • 坑 2:405 Method Not Allowed
      • 坑 3:404 Not Found
      • 坑 4:POST 提交中文变问号/乱码
      • 坑 5:路径写死,换个部署名就挂
    • 九、面试 30 秒速答版
    • 附录:web.xml 配置方式(不用注解时)
    • 写在最后

面试天天被问「GET 和 POST 有什么区别」,你背得出「GET 参数在 URL,POST 参数在请求体」,但你亲手传过一次参数吗?

这篇文章用一个最小到不能再小的实验,把GET 表单、超链接、POST 表单三种提交方式全部跑通,再打开 F12 亲眼看看参数到底去了哪里。代码全部可直接复制运行,看完你就能在面试里把这道题讲出画面感。


一、先搞清楚我们要做什么

我们要写一个 Web 应用,上下文路径(contextPath)叫/servletApp,里面放一个 Servlet,映射到/demoTest。然后在一个测试页面上准备三种「递话」给这个 Servlet 的方式:

方式提交方法参数出现在哪
① GET 表单提交GET地址栏 URL 的?msg=xxx
② 超链接访问GET(本质)地址栏 URL 的?msg=hello
③ POST 表单提交POST请求体 Form Data,地址栏不变

浏览器访问地址统一是:

http://127.0.0.1:8080/servletApp/demoTest

为什么要一次测三种?因为初学者最容易误以为「只有表单才能传参数」。实际上超链接、地址栏手动输入、JS 发请求,走的都是 GET;而 POST 基本只来自method="post"的表单(或 AJAX)。一次把它们放一起对比,区别一眼就懂。


二、环境准备

  • IDEA(Community 版即可)+ 本地 Tomcat 9.x
  • JDK 8 及以上
  • 本文使用javax.servlet(对应 Tomcat 9)。如果你用 Tomcat 10+,把javax.servlet全部换成jakarta.servlet即可,代码逻辑完全一样。

项目结构(传统 JavaWeb 工程,也可以用 Maven,依赖见文末附录):

servletApp ├── src │ └── com.example.servlet │ └── DemoTestServlet.java └── web ├── WEB-INF │ └── web.xml(使用注解可省略) └── index.html

三、第一步:写测试页面 index.html

页面上放三个区块:GET 表单、超链接、POST 表单。注意两个表单的action都要带上上下文路径/servletApp。

<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><title>Servlet 请求测试(/servletApp/demoTest)</title></head><body><h2>Servlet 请求测试(/servletApp/demoTest)</h2><h3>GET 表单提交</h3><formaction="/servletApp/demoTest"method="get"><inputtype="text"name="msg"placeholder="输入内容"><buttontype="submit">GET 提交</button></form><h3>超链接访问(GET)</h3><ahref="/servletApp/demoTest?msg=hello">访问 /servletApp/demoTest?msg=hello</a><h3>POST 表单提交</h3><formaction="/servletApp/demoTest"method="post"><inputtype="text"name="msg"placeholder="输入内容"><buttontype="submit">POST 提交</button></form></body></html>

关键点:输入框的name="msg"就是参数名,Servlet 里靠这个名字取值。表单method决定了这次请求是 GET 还是 POST。


四、第二步:写 Servlet —— DemoTestServlet.java

让doGet和doPost都调用同一个handleRequest,这样三种方式进来的参数都能用同一套代码接收和响应,避免写两遍。

packagecom.example.servlet;importjavax.servlet.ServletException;importjavax.servlet.annotation.WebServlet;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;importjava.io.IOException;importjava.io.PrintWriter;@WebServlet("/demoTest")publicclassDemoTestServletextendsHttpServlet{// GET 请求走这里<

相关新闻

厂商AI能力对比:五维评估框架与自动化评测流水线实战

厂商AI能力对比:五维评估框架与自动化评测流水线实战

1. 当我们在聊"厂商AI能力对比"时&#xff0c;到底在比什么第一次看到"厂商AI能力对比"这个题目&#xff0c;很多人脑子里蹦出来的第一反应是跑分——把几家的大模型拉出来&#xff0c;喂同一套题&#xff0c;看谁答得准、答得快、答得便宜。我一开始也是这…

2026/10/22 12:10:41 阅读更多 →
GaN电源的15kV静电EMI困局:第三代半导体家电化的关键挑战

GaN电源的15kV静电EMI困局:第三代半导体家电化的关键挑战

1. 第三代半导体杀进家电&#xff1a;效率诱惑背后的EMI代价家电圈现在有个很有意思的现象&#xff1a;电源方案从传统硅基MOSFET向氮化镓&#xff08;GaN&#xff09;、碳化硅&#xff08;SiC&#xff09;迁移的速度&#xff0c;比很多人预想的快得多。前阵子我参加一个行业技…

2026/10/21 7:52:08 阅读更多 →
永磁同步电机SVPWM过调制电压重构与MTPA弱磁控制仿真模型详解

永磁同步电机SVPWM过调制电压重构与MTPA弱磁控制仿真模型详解

在新能源汽车和伺服驱动项目里&#xff0c;永磁同步电机&#xff08;PMSM&#xff09;的宽速域控制始终是个绕不开的难题。低速要输出大转矩&#xff0c;高速要能弱磁上去&#xff0c;中间还要尽量省电、保证效率。很多人单独做过SVPWM仿真&#xff0c;也单独做过MTPA或者弱磁控…

2026/10/21 7:52:08 阅读更多 →

最新新闻

Electron桌面应用开发实战:从环境搭建到打包发布全流程

Electron桌面应用开发实战:从环境搭建到打包发布全流程

做前端这些年&#xff0c;我大部分时间都在跟浏览器标签页打交道&#xff0c;直到第一次把桌面应用跑起来&#xff0c;才发现原来自己一直被限制在地址栏和刷新按钮围起来的框框里。Electron这个词&#xff0c;最开始是在某段时间频繁出现在同事的讨论里&#xff0c;一个用HTML…

2026/10/22 10:18:38 阅读更多 →
滑盖智能锁T109深度解析:结构原理、安装调试与故障排查

滑盖智能锁T109深度解析:结构原理、安装调试与故障排查

简介&#xff1a;亚太天能T109滑盖智能锁产品说明书是一份PDF格式的官方技术文档&#xff0c;主要面向智能锁安装人员、终端用户及售后维护者&#xff0c;帮助快速掌握产品安装、配置与常见故障处理。全包仅1个PDF文件&#xff0c;大小4.37MB&#xff0c;内容结构清晰&#xff…

2026/10/22 11:01:53 阅读更多 →
PMSM弱磁控制原理与Simulink建模:高速AGV驱动系统设计指南

PMSM弱磁控制原理与Simulink建模:高速AGV驱动系统设计指南

上个月我在调试一台高速AGV的驱动系统&#xff0c;整车要求空载跑到8m/s&#xff0c;电机转速已经拉到额定点&#xff0c;驱动器的输出电压也顶到了母线电压极限附近。再往上踩速度指令&#xff0c;转速纹丝不动&#xff0c;三相电流反而开始震荡。那会儿我的第一反应就是&…

2026/10/22 9:44:47 阅读更多 →
C++核心知识点:从内存管理到STL的实战指南

C++核心知识点:从内存管理到STL的实战指南

C 这门语言我前前后后折腾了十几年&#xff0c;用它写过嵌入式驱动、做过游戏服务端&#xff0c;也搭过基础组件库。每次看到新人一头扎进"C 核心知识点"这个搜索词&#xff0c;我其实挺感慨的——这门语言的难点从来不是语法多&#xff0c;而是知识点之间的耦合太深…

2026/10/22 10:42:00 阅读更多 →
T109滑盖智能锁怎么装?安装调试与故障排查全攻略

T109滑盖智能锁怎么装?安装调试与故障排查全攻略

简介&#xff1a;亚太天能T109滑盖智能锁产品说明书以PDF格式发布&#xff0c;适合智能锁用户、安装人员与售后维修人员阅读。内容围绕T109系列指纹密码刷卡锁展开&#xff0c;先介绍前面板、后面板、锁体、机械钥匙、电池盒盖等部件名称与功能&#xff0c;再给出完整安装步骤&…

2026/10/22 10:40:08 阅读更多 →
LLM知识降熵:从信息垄断到理解权下放

LLM知识降熵:从信息垄断到理解权下放

你有没有过这种经历&#xff1a;翻开源码注释、论文摘要或者一份专业报告&#xff0c;每个字都认识&#xff0c;连在一起却像天书。想找人聊聊&#xff0c;身边要么没人懂&#xff0c;要么懂的懒得跟你解释。后来我试着把同一段内容丢给一个大语言模型&#xff0c;几秒钟之后&a…

2026/10/22 10:56:37 阅读更多 →

日新闻

周新闻

基于GMM的语音识别系统原理与MATLAB实现详解

基于GMM的语音识别系统原理与MATLAB实现详解

说到基于高斯混合模型&#xff08;GMM&#xff09;的语音识别系统&#xff0c;很多人第一反应就是一堆数学公式&#xff0c;觉得门槛很高。但如果你真的在MATLAB里把它落地跑通&#xff0c;会发现核心其实就是三件事&#xff1a;把声音变成特征向量&#xff0c;用GMM给每个类别…

2026/10/22 1:47:45 阅读更多 →
数字图像处理入门:反白、灰度化、调色板修改与导出txt实践

数字图像处理入门:反白、灰度化、调色板修改与导出txt实践

数字图像处理这四个字听起来挺唬人&#xff0c;但落到具体操作上&#xff0c;无非就是让计算机按你的想法“摆弄”像素。我在一个模拟项目X里用了一套特别经典的基础处理流程&#xff1a;对图像做反白、改调色板、彩色转灰度&#xff0c;最后把像素数据导出成txt文件。单看每一…

2026/10/21 21:32:28 阅读更多 →
机器人大脑技术盘点:具身智能的感知、决策与数据闭环

机器人大脑技术盘点:具身智能的感知、决策与数据闭环

如果你的信息流最近也天天刷到“机器人大脑”这个词&#xff0c;你会发现一个很有意思的现象&#xff1a;每个人说的“大脑”根本不是同一个东西。有人指的是大语言模型&#xff0c;有人指的是运动控制系统&#xff0c;还有人指的是能理解物理世界的端到端模型。在2026年这个时…

2026/10/22 5:12:39 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/21 21:50:56 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/21 21:51:55 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/21 16:24:48 阅读更多 →