当前位置：首页 > news >正文

当遇到“提交失败：404”的问题时，通常表明前端请求的URL无法正确匹配到后端的Servlet或资源。

news 来源：原创 2025/6/15 11:58:24

form.html

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>表单提交示例</title><script>function submitForm() {// 获取表单数据const name = document.getElementById('name').value;const email = document.getElementById('email').value;// 创建XMLHttpRequest对象const xhr = new XMLHttpRequest();// 准备表单数据（URL编码格式）const formData = `name=${encodeURIComponent(name)}&email=${encodeURIComponent(email)}`;// 初始化POST请求xhr.open('POST', '/submit', true);// 设置请求头，模拟表单提交xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');// 处理响应xhr.onload = function() {if (xhr.status === 200) {document.getElementById('result').innerHTML = '提交成功：' + xhr.responseText;} else {document.getElementById('result').innerHTML = '提交失败：' + xhr.status;}};// 发送请求xhr.send(formData);}</script>
</head>
<body>
<h1>用户信息表单</h1>
<form><label>姓名：<input type="text" id="name"></label><br><label>邮箱：<input type="email" id="email"></label><br><button type="button" onclick="submitForm()">提交</button>
</form>
<div id="result"></div>
</body>
</html>

FormServlet.java

@WebServlet("/submit")
public class FormServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// 设置请求和响应的字符编码，确保中文正常显示request.setCharacterEncoding("UTF-8");response.setContentType("text/html;charset=UTF-8");// 获取表单参数（Servlet会自动解码URL编码的参数）String name = request.getParameter("name");String email = request.getParameter("email");// 简单验证（实际应用中需要更完善的验证）if (name == null || name.isEmpty() || email == null || email.isEmpty()) {response.setStatus(HttpServletResponse.SC_BAD_REQUEST);response.getWriter().println("姓名和邮箱不能为空");return;}// 处理表单数据（这里只是简单打印，实际应用中可能会存入数据库）System.out.println("收到表单提交：");System.out.println("姓名：" + name);System.out.println("邮箱：" + email);// 返回响应PrintWriter out = response.getWriter();out.println("感谢提交，" + name + "！我们已收到您的信息：" + email);}
}

运行结果：

当遇到“提交失败：404”的问题时，通常表明前端请求的URL无法正确匹配到后端的Servlet或资源。以下是问题的详细分析与解决方法：

一、问题原因分析

1. 上下文路径缺失

问题描述：在JavaScript中，请求的URL为/submit，但大多数Java Web应用部署时会有一个上下文路径（Context Path）。例如，应用部署在http://localhost:8080/myapp/，则Servlet的完整路径应为/myapp/submit。
解决方法：在JavaScript中修改请求的URL，添加上下文路径：

xhr.open('POST', '/myapp/submit', true);

其中myapp是你的应用实际上下文路径。

2. Servlet未正确部署

问题描述：如果Servlet未被正确部署到服务器，即使URL正确，也会返回404。
解决方法：
- 检查Servlet类是否被正确编译并部署到服务器的WEB-INF/classes目录下。
- 确认服务器已成功启动，并且应用已正确部署。
- 查看服务器日志（如Tomcat的catalina.out），确认Servlet是否被加载。

3. Servlet映射路径错误

问题描述：@WebServlet("/submit")注解配置了Servlet的映射路径，但可能存在拼写错误或冲突。
解决方法：
- 确保@WebServlet注解的路径正确无误。
- 如果使用了web.xml配置，检查是否有覆盖或冲突的URL映射。

4. 跨域或本地文件访问

问题描述：如果HTML文件是通过本地文件系统（如file://协议）打开的，而不是通过Web服务器（如http://），则请求可能无法正确发送到服务器。
解决方法：确保HTML文件通过Web服务器提供服务，例如部署到Tomcat的Web应用目录下，并通过浏览器访问http://localhost:8080/yourapp/index.html。