Servlet作业2-将表单提交的商品信息输出到页面中

1,表单页面 shangpin.html

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>商品信息</title>
 6 </head>
 7 <body>
 8
 9 商品信息<br>
10
11 <form action="Shp" method="post">
12
13 商品名称:<input type="text" name="name" >
14 <br>
15 商品类别:<input type="radio" name="kind" value="食品" checked>食品
16 <input type="radio" name="kind" value="办公用品">办公用品
17 <input type="radio" name="kind" value="服装">服装
18 <br>
19 商品简介:
20 <br>
21 <textarea rows="10" cols="20" name="intr"></textarea>
22 <br>
23 <input type="submit" value="提交">
24
25 </form>
26
27 </body>
28 </html>

2.接收处理servlet: shp.java

 1 package com.hanqi;
 2
 3 import java.io.IOException;
 4 import javax.servlet.ServletException;
 5 import javax.servlet.http.HttpServlet;
 6 import javax.servlet.http.HttpServletRequest;
 7 import javax.servlet.http.HttpServletResponse;
 8
 9 /**
10  * Servlet implementation class Shp
11  */
12 public class Shp extends HttpServlet {
13     private static final long serialVersionUID = 1L;
14
15     /**
16      * @see HttpServlet#HttpServlet()
17      */
18     public Shp() {
19         super();
20         // TODO Auto-generated constructor stub
21     }
22
23     /**
24      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
25      */
26     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
27         // TODO Auto-generated method stub
28         //指定字符集
29         response.setCharacterEncoding("GBK");
30         request.setCharacterEncoding("utf-8");
31         //获取表单提交信息
32         String name = request.getParameter("name");
33         String kind = request.getParameter("kind");
34         String intr = request.getParameter("intr");
35
36 //        //Request字符集转换
37 //        String zname = new String(name.getBytes("iso-8859-1"),"utf-8");
38 //        String zkind = new String(kind.getBytes("iso-8859-1"),"utf-8");
39 //        String zintr = new String(intr.getBytes("iso-8859-1"),"utf-8");
40 //
41         response.getWriter().append("商品名称:" + name + "; 商品类别:" + kind + "; 商品简介:" + intr);
42
43         //response.getWriter().append("Served at: ").append(request.getContextPath());
44     }
45
46     /**
47      * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
48      */
49     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
50         // TODO Auto-generated method stub
51         doGet(request, response);
52 //        response.setCharacterEncoding("gbk");
53 //        request.setCharacterEncoding("utf-8");
54 //        //获取表单提交信息
55 //        String name = request.getParameter("name");
56 //        String kind = request.getParameter("kind");
57 //        String intr = request.getParameter("intr");
58 //
59 //        response.getWriter().append("商品名称:" + name + "; 商品类别:" + kind + "; 商品简介:" + intr);
60
61     }
62
63 }
时间: 2024-11-04 18:29:36

Servlet作业2-将表单提交的商品信息输出到页面中的相关文章

怎么实现form表单提交后不重新刷新当前页面

怎么实现表单提交后不重新刷新当前页面 如何实现表单提交后不重新刷新当前页面 <form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'> <input type="button" id="btnSubmit" name="btnSubmit" value="保存" onclick="addKp()"

Java+MyEclipse+Tomcat (二)配置Servlet及简单实现表单提交

在Java EE应用编程中Servlet是基础,JSP是建立在Servlet基础之上的,其他Web框架如Struts.WebWork和Spring MVC都是基于Servlet的.本文主要讲述MyEclipse和Tomcat配置Servlet的过程和简单实现表单提交功能. 希望对大家有所帮助,参考书籍<Java EE企业级应用开发实例教程>. Java+MyEclipse+Tomcat (一)配置过程及jsp网站开发入门 一. Servlet编程 1.Web基础知识 在讲述Servlet之前,

关于form表单提交数据后不跳转页面+ajax接收返回值的处理

1.前台的form表单建立,注意action.enctype的内容, 2.通过添加一个隐藏的iframe标签使form的target指向iframe来达到不跳转页面的效果,同时需要在js里获取iframe里的内容(即后台利用GSON传回来的返回值). 代码部分: <form id="form1"  action="../PublishPostingsServlet"  enctype="multipart/form-data"  metho

实现文件上传,以及表单提交成功的回调函数

最近在项目中需要实现图片的上传,并且成功后返回图片上传保存路径,通过查找资料探索研究,实现了项目功能需求,记在这方便自己以后查阅,也为有同样需求的码友分享,功能实现比较简单,如果有好的建议和实现方法,还望多多指教. 主要将实现一下两个功能: 1.使用commons-fileupload实现文件的上传(包括图片): 2.使用jquery-form.js实现表单提交成功的回调函数. 页面设计fileupload.jsp: Html代码   <%@ page language="java&quo

Extjs 表单提交送给新手

Extjs的三种提交方式: 表单Ajax提交,普通提交,单独Ajax提交: 1.表单ajax提交(默认提交方式) 提交函数:当按下表单中的提交按钮时执行下面的btn函数,按照表单的name进行提交.提交数据后根据后台的返回值不同来回调success或者failure函数(和单独ajax的提交不同),后台返回值的形式:[如果返回outputResult(“{success:true}”),则调用success的函数.如果返回:outputResult(“{success:false,reason:

ASP.NET MVC 表单提交多层子级实体集合数据到控制器中

于遇到了项目中实体类嵌套多层子级实体集合,并且子级实体集合的数据需要提交保存到数据库中的问题.针对此情况需要进行一些特殊的处理才可以将整个 实体类及子级实体集合数据提交表单到控制器中,解决的方法是根据MVC视图中表单的命名规则来设置正确的子级实体集合所属的表单控件name属性,从而来 获取提交的集合数据. 在说明如何将表单中实体的子级实体集合数据提交到控制器中的问题前,我们需要了解MVC的对于数组和列表集合的表单提交方式(点击此链接进行查看). 定义多层嵌套实体和假设场景 首先我们根据情况进行分

DWZ(JUI) 教程 普通表单提交

原文:DWZ(JUI) 教程 普通表单提交 一类是普通的表单提交,另一类就是列表页面的表单提交,主要是用来查询搜索列表使用的.今天我就简单介绍一下前者. 这是官网上的普通列表页面, <div class="pageContent"> <form method="post" action="demo/common/ajaxDone.html" class="pageForm required-validate"

Extjs之表单提交

Extjs的三种提交方式: 表单Ajax提交,普通提交,单独Ajax提交: 表单Ajax提交(默认提交方式) 提交函数:当按下表单中的提交按钮时执行下面的 btn函数,按照表单的 name进行提交. 根据后台返回值不同回调success或者failure函数(与单独ajax提交不同). 如果返回outputResult("{success:true}"),调用success函数, 如果返回outputResult("{success:false,reason:'"+

Layui form表单提交注意事项

// 表单提交form.on('submit(first1)', function (data) { var articleFrom = data.field; $.ajax({ type:"POST", url:"/user/upDate", data:articleFrom, dataType:"JSON", success:function (data) { if(data.flag){ layer.closeAll(); } } });