点击“求累加和”按钮,没有任何反应

点击“求累加和”按钮,没有任何反应

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>求100以内累加和</title>
</head>
<body>
	<form action="http://localhost:8080/test02/s01">
		<input type="text" placeholder="请输入100以内的数字"/>
		<button type="submit" form="test">求累加和</button>
	</form>
</body>
</html>
package sum;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class Sum01
 */
@WebServlet("/s01")
public class Sum01 extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public Sum01() {
        super();
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.setCharacterEncoding("UTF-8");
		response.setContentType("text/html;charset=utf-8");
		
		String nn = request.getParameter("num");
		int n=Integer.parseInt(nn);
		int sum=0;
		for(int i=0;i<=n;i++) {
			sum+=i;
		}
		request.setAttribute("sum", sum);
		request.getRequestDispatcher("/s02").forward(request,response);
	}
}
package sum;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class Sum02
 */
@WebServlet("/s02")
public class Sum02 extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public Sum02() {
        super();
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		int sum = (int)request.getAttribute("sum");
		response.getWriter().println(sum);
	}
}

登录显示出来了

http://img1.sycdn.imooc.com//climg/5c751ed00001146104940180.jpg

可是输入数字,比如20,点击按钮,没有任何反应

http://img1.sycdn.imooc.com//climg/5c751ef5000195e904700182.jpg


正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好 ,在按钮处,应该使用input,如:<input type="submit" value="求累加和">,button标签不能提交数据,所以点击按钮没有反应。<input type="submit" >可以提交数据,建议同学修改一下。

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~

  • 讓倪飛翔 提问者 #1
    啊,犬来说如此。button标签不能提交数据。谢谢老师!
    2019-02-28 11:14:11
提问者 讓倪飛翔 2019-02-27 11:46:10

老师,我像一楼的同学教我的,加上了name="num",现在是我输入20,按回车出来结果了。

可是我的按钮还是失效的,点击按钮没有反应。请问接下来该修改哪里?

  • 同学你好,试了同学的代码,加上name后,可以运行。同学所说的按回车出来结果了,按钮失效是什么意思。可以显示结果,那就是编程练习完成了。建议同学将按钮失效的意思详细描述一下。祝:学习愉快~
    2019-02-27 16:03:26
  • 提问者 讓倪飛翔 回复 好帮手慕阿满 #2
    就是在输入框内,输入数字,比如20,之后应该点击“按钮”,那个“求累加和”四个字的按钮对吧,点击了没有反应。 而此时如果按回车键,就出现结果了。
    2019-02-27 22:38:58
qq_凯哥哥_0 2019-02-27 01:14:22
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>求100以内累加和</title>
</head>
<body>
    <form action="http://localhost:8080/test02/s01">
        <input  name="num"type="text" placeholder="请输入100以内的数字"/>
        <button type="submit" form="test">求累加和</button>
    </form>
</body>
</html>

同学你好,根据你说的问题结合你的代码,是因为你在html中没有为input设置name属性导致你后面得String nn = request.getParameter("num");中num不知道是什么,没有反应就是没有获取到num,所以你添加一个name在<input  name="num"type="text" placeholder="请输入100以内的数字"/>
。。我也是个学生代码我没有测试,问题是我肉眼看得,希望可以帮到你。

  • 提问者 讓倪飛翔 #1
    谢谢你啊。加上之后,我输入20,按回车出来结果了。可是我的按钮还是失效的,点击按钮没有反应。。
    2019-02-27 11:45:06
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10205    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师