html提交表单到Servlet

时间 2019-11-05

标签 html 提交表单 servlet 栏目 HTML 繁體版

原文原文链接

源码地址html

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

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

文件结构github

web.xml配置web

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>

流程图以下post

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

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

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