码迷,mamicode.com
首页 > Web开发 > 详细

html提交表单到Servlet

时间:2017-05-19 15:12:47      阅读:349      评论:0      收藏:0      [点我收藏+]

标签:tar   ast   color   技术   映射   get   head   服务   char   

技术分享

 

源码地址

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的参数

html提交表单到Servlet

标签:tar   ast   color   技术   映射   get   head   服务   char   

原文地址:http://www.cnblogs.com/YouXianMing/p/6878407.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!