html提交表单到Servlet

源码地址

https://github.com/YouXianMing/Java-Web-Study/tree/master/Servlet-Form

演示效果(注意post与get提交方式浏览器地址的变化)

文件结构

web.xml配置

MyServlet.java

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Servlet-Form</title>
</head>
<body>

    <!-- post的方式提交表单 -->
    <h1>post-form.do</h1>
    <form name="myForm" method="post" action="post-form.do">
        <table border="1">
            <tr>
                <td>param1</td>
                <td><input name="param1" type="text" /></td>
            </tr>
            <tr>
                <td>param2</td>
                <td><input name="param2" type="text" /></td>
            </tr>
            <tr>
                <td>param3</td>
                <td><input name="param3" type="text" /></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="mySubmit" /></td>
            </tr>
        </table>
    </form>

    <!-- get的方式提交表单 -->
    <h1>get-form.do</h1>
    <form name="myForm" method="get" action="get-form.do">
        <table border="1">
            <tr>
                <td>param1</td>
                <td><input name="param1" type="text" /></td>
            </tr>
            <tr>
                <td>param2</td>
                <td><input name="param2" type="text" /></td>
            </tr>
            <tr>
                <td>param3</td>
                <td><input name="param3" type="text" /></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="mySubmit" /></td>
            </tr>
        </table>
    </form>

</body>
</html>

流程图如下

1. 客户端通过index.html中的form表单提交post-form.do的参数

2. 服务器通过配置好的MyServlet映射 *.do 匹配到了客户端请求

3. 在MyServlet中的request.getParameter获取post-form.do的参数

时间: 2024-08-08 14:22:01

html提交表单到Servlet的相关文章

JSP提交表单 a标签传值 乱码问题

访问URL传递参数 一般有2种方式:post .get 无论是JSP提交表单到servlet还是action还是其它 或者 a标签指定URL传递参数 出现的乱码问题可以按照访问方式来解决 1.对于POST访问方式可以设置过滤器过滤字符 ----举个栗子----对访问根目录下的所有JSP页面之前设置字符过滤器,指定过滤后的编码为”UTF-8“ package com.smxy.lxz.filter; import java.io.IOException;import javax.servlet.F

Java+MyEclipse+Tomcat (四)Servlet提交表单和数据库操作

前面三篇文章讲述了如何配置MyEclipse和Tomcat开发JSP网站.如何配置Servlet简单实现表单提交.如何配置MySQL实现JSP数据库查询. 这篇文章主要讲述Servlet表单的提交.Java中实现数据库的查询操作和自己遇到的瓶颈及理解.Java Web基础性文章,希望对大家有所帮助~ Java+MyEclipse+Tomcat (一)配置过程及jsp网站开发入门 Java+MyEclipse+Tomcat (二)配置Servlet及简单实现表单提交 Java+MyEclipse+

Servlet提交表单的注解方式与xml的配置方式

最近在学习Struts这个框架,先从配置方式学起,这里又需要使用Servlet来进行比较,所以我记录一下Servlet中注解和xml的配置两种提交表单的方式,用验证用户名是否为空的例子给大家讲解一下. 一.注解方式,格式如下在Servlet类的上面写 1 @WebServlet("/login") 然后Servlet的注解写好后,在index,jsp中的表单写访问的路径 1 <form action="${pageContext.request.contextPath}

JavaWeb 之 重复提交表单和验证码相关的问题!

下面我们首先来说一下表单的重复提交问题,我们知道在真实的网络环境中可能受网速带宽的原因会造成页面中表单在提交的过程中出现网络的延迟等问题,从而造成多次提交的问题!下面我们就具体来分析一下造成表单提交的一些常见问题. 下面我们就来列举一下重复提交的情况: ① .当表单提交数据到一个 Servlet 中,然后 Servlet再通过请求转发到成功页面,但是此时的地址栏中的地址是到 Servlet映射中的地址,并没有跳转到成功页面相关的JSP页面中,此时刷新页面会造成再一次提交表单. ② .当在表单页面

在javascript中关于submit和button提交表单区别

原文:在javascript中关于submit和button提交表单区别 原文来自:http://www.jb51.net/article/42236.htm submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. 1. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的

JavaWeb网上图书商城完整项目--day02-4.regist页面提交表单时对所有输入框进行校验

1.现在我们要将table表中的输入的参数全部提交到后台进行校验,我们提交我们是按照表单的形式提交,所以我们首先需要在table表外面添加一个表单 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core&

(转)在javascript中关于submit和button提交表单区别

原文来自:http://www.jb51.net/article/42236.htm submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. 1. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为, 否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作

在jsp提交表单的参数封装到一个方法里

建议去看一下孤傲苍狼写的Servlet+JSP+JavaBean开发模式(http://www.cnblogs.com/xdp-gacl/p/3902537.html), 最好把他JavaWeb学习总结全部看完会有很大的收获哦! 而把jsp专递的参数封装到一个方法里面也是从他那里学到的. 我觉得特别有用,尤其是在做项目的时候能省很多的代码  一: 需要的包 根据上一篇JDBC+Servlet+jsp(http://www.cnblogs.com/zhu520/p/6913650.html)的内容

web 界面设计---js提交表单

Java代码   <script type="text/javascript"> function checkImage(){ var imageValue = document.getElementById("actorCard:imageField:image").value; if(imageValue !== ""){ document.getElementById("actorCard").sumbit(