03-Ajxa入门例子：使用全局刷新，计算BMI(上)

最新推荐文章于 2022-10-24 23:36:57 发布

不及你笑靥如花

最新推荐文章于 2022-10-24 23:36:57 发布

阅读量360

点赞数

分类专栏： Ajax 文章标签： jsp ajax

本文链接：https://blog.csdn.net/qq_43775721/article/details/115210516

版权

Ajax 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

全局刷新：使用jsp显示request作用域中的数据，使用el表达式

一、使用idea新建一个web项目步骤如下：
二、配置项目：
三、编写jsp页面：
四、编写后端Servlet
五、编写后request跳转页面
六、点击运行

一、使用idea新建一个web项目步骤如下：

在这里插入图片描述

并且还需要配置好Tomact,不会的点击这里：Tomact配置

二、配置项目：

在这里插入图片描述

三、编写jsp页面：

在这里插入图片描述
2、编写页面代码：
注意：中action的值要与第二步中的前端获取的路径的地址一样

<html>
  <head>
    <title>全局刷新实现计算BMI</title>
  </head>
  <body>
      <div align="center">
          <p>计算BMI</p>
          <form action="bmiServlet" method="get">
              姓名：<input type="text" name="name"><br/>
              体重：<input type="text" name="weight"><br/>
              身高：<input type="text" name="height"><br/>
              操作：<input type="submit" value="计算BMI"><br/>
          </form>
      </div>
  </body>
</html>

四、编写后端Servlet

在这里插入图片描述

2、编写页面代码：

package Ajax.controlle;

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

public class BmiServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //请求接收的参数
        String strName = request.getParameter("name");
        String strWeight = request.getParameter("weight");
        String strHeight = request.getParameter("height");

        //Srring转为float
        float w = Float.valueOf(strWeight);
        float h = Float.valueOf(strHeight);
        String n = String.valueOf(strName);

        //计算BMI公式w/(h*h)
        float bmi = w/(h*h);

        String info = "";
        if (bmi<18.5){
            info = "比较瘦";
        }else if(bmi>=18.5 && bmi<23.9){
            info = "正常范围";
        }else {
            info = "比较胖";
        }

        //把数据保存到request作用域
        info = n +",您的BMI是:"+bmi+","+info;
        request.setAttribute("info",info);

        //需要使用视图，显示数据
        request.getRequestDispatcher("/result.jsp").forward(request,response);
    }
}

五、编写后request跳转页面

注意：文件名要与第四步中 request.getRequestDispatcher("/result.jsp")中的文件名一致
在这里插入图片描述

六、点击运行

在这里插入图片描述

不及你笑靥如花

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
03-Ajxa入门例子：使用全局刷新，计算BMI(上)

全局刷新：使用jsp显示request作用域中的数据，使用el表达式一、使用idea新建一个web项目步骤如下：二、配置项目：三、编写jsp页面：四、编写后端Servlet五、编写后request跳转页面六、点击运行一、使用idea新建一个web项目步骤如下：并且还需要配置好Tomact,不会的点击这里：Tomact配置二、配置项目：三、编写jsp页面：2、编写页面代码：注意：中action的值要与第二步中的前端获取的路径的地址一样<html> <head&g
复制链接

扫一扫

专栏目录