ajax-210810-03---练习全局刷新计算bmi

ajax-210810-03—练习&全局刷新计算bmi

需求
演示—全局刷新
- index.jsp（全局刷新—转发操作）
- result.jsp（全局刷新—转发操作）
- BmiServlet.java（全局刷新—转发操作）
- bmiprint.jsp（全局刷新—使用HttpServletResponse输出数据）
- BmiPrintServlet.java（全局刷新—使用HttpServletResponse输出数据）
- web.xml（映射servlet）

需求

需求：计算某个用户的 BMI。用户在 jsp 输入自己的身高，体重；servlet 中计算 BMI，并显示 BMI 的计算结果和建议。

BMI 指数（即身体质量指数，英文为 BodyMassIndex，简称 BMI），
是用体重公斤数除以身高米数平方得出的数字，
是目前国际上常用的衡量人体胖瘦程度以及是否健康的一个标准成人的 BMI 数值：1）过轻：低于 18.52）正常：18.5-23.93）过重：24-274）肥胖：28-325）非常肥胖,高于 32

演示—全局刷新

index.jsp（全局刷新—转发操作）

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>全局刷新---转发操作---bmi</title>
</head><body><p>全局刷新---转发操作---计算bmi</p><form action="bimServlet" method="get">姓名：<input type="text" name="name"/><br/>体重(公斤)：<input type="text" name="weight"/><br/>身高(米/单位)：<input type="text" name="height"/><br/><input type="submit" value="计算"/></form></body>
</html>

result.jsp（全局刷新—转发操作）

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>result</title>
</head>
<body><p>bmi显示结果</p><p>${msg}</p>
</body>
</html>

BmiServlet.java（全局刷新—转发操作）

package com.bgy.controller;import java.io.IOException;public class BmiServlet extends javax.servlet.http.HttpServlet {protected void doPost(javax.servlet.http.HttpServletRequest request,javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {}protected void doGet(javax.servlet.http.HttpServletRequest request,javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {// 接收请求参数String name = request.getParameter("name");String weight = request.getParameter("weight");String height = request.getParameter("height");// 计算bmifloat h = Float.valueOf(height);float w = Float.valueOf(weight);float bmi = w / ( h * h );// 判断bmiString msg = "";if ( bmi < 18.5 ) {msg = "您比较瘦";} else if ( bmi > 18.5 && bmi <= 23.9 ) {msg = "您正常";} else if ( bmi > 24 && bmi <= 27 ) {msg = "您较胖";} else {msg = "您太胖了，长点儿心吧！";}System.out.println("mgs--->"+msg);msg = name + "，" + "bmi指数为" + bmi + "，" + msg;// 把数据存到requestrequest.setAttribute("msg",msg);// 转发到新页面request.getRequestDispatcher("/result.jsp").forward(request,response);}
}

bmiprint.jsp（全局刷新—使用HttpServletResponse输出数据）

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>全局刷新---使用HttpServletResponse输出数据---bmi</title>
</head><body><p>全局刷新---使用HttpServletResponse输出数据---bmi</p><form action="bimPrintServlet" method="get">姓名：<input type="text" name="name"/><br/>体重(公斤)：<input type="text" name="weight"/><br/>身高(米/单位)：<input type="text" name="height"/><br/><input type="submit" value="计算"/></form></body>
</html>

BmiPrintServlet.java（全局刷新—使用HttpServletResponse输出数据）

package com.bgy.controller;import java.io.IOException;
import java.io.PrintWriter;public class BmiPrintServlet extends javax.servlet.http.HttpServlet {protected void doPost(javax.servlet.http.HttpServletRequest request,javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {}protected void doGet(javax.servlet.http.HttpServletRequest request,javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {// 接收请求参数String name = request.getParameter("name");String weight = request.getParameter("weight");String height = request.getParameter("height");// 计算bmifloat h = Float.valueOf(height);float w = Float.valueOf(weight);float bmi = w / ( h * h );// 判断bmiString msg = "";if ( bmi < 18.5 ) {msg = "您比较瘦";} else if ( bmi > 18.5 && bmi <= 23.9 ) {msg = "您正常";} else if ( bmi > 24 && bmi <= 27 ) {msg = "您较胖";} else {msg = "您太胖了，长点儿心吧！";}System.out.println("mgs--->"+msg);msg = name + "，" + "bmi指数为" + bmi + "，" + msg;// 使用HttpServletResponse输出数据response.setContentType("text/html;charset=utf-8");// 获取PrintWritePrintWriter writer = response.getWriter();// 输出数据writer.print(msg);// 清空缓存writer.flush();// 关闭流writer.close();}
}

web.xml（映射servlet）

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaeehttp://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"version="4.0"><servlet><servlet-name>BmiServlet</servlet-name><servlet-class>com.bgy.controller.BmiServlet</servlet-class></servlet><servlet-mapping><servlet-name>BmiServlet</servlet-name><url-pattern>/bimServlet</url-pattern></servlet-mapping><servlet><servlet-name>BimPrintServlet</servlet-name><servlet-class>com.bgy.controller.BmiPrintServlet</servlet-class></servlet><servlet-mapping><servlet-name>BimPrintServlet</servlet-name><url-pattern>/bimPrintServlet</url-pattern></servlet-mapping>
</web-app>

ajax-210810-03---练习全局刷新计算bmi相关推荐

1.Ajax局部刷新技术概述，底层原理，全局刷新的例子
文章目录 Ajax 0.第四阶段概述本阶段课程内容: 哪些感觉比较难? 1.全局刷新和局部刷新 2.异步对象 3.Ajax 4.Ajax中使用异步对象 (1)创建异步对象 (2)给异步对象绑定事件 ...
Ajax实战代码详解（实现BMI计算器）
文章目录 Ajax实战(一) 1.Ajax基础知识回顾 2.使用全局刷新,实现计算BMI. 3.Ajax技术(局部刷新)实现计算BMI. 3.1前端代码 3.2后端代码BmiAjaxServlet 3 ...
实现页面刷新（全局刷新）
1.简介全局刷新,就是当触发请求的时候(xx.do),会实现全部界面的刷新(旧的页面销毁,新的页面呈现出来) 2.新建一个servlet类 public class DemoServlet exte ...
Ajax弹出式无刷新城市选择特效
为什么80%的码农都做不了架构师?>>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// ...
php无刷新实现页面更新,使用laravel和ajax实现整个页面无刷新的操作方法
1.数据库文件 CREATE TABLE IF NOT EXISTS mr_key ( id int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT COMMENT ' ...
ie8不发送ajax,IE8用ajax访问不能每次都刷新的问题
AJAX简介 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. A ...
jsp 页面刷新_如何应用XML+XSLT+AJAX组合技术实现无刷新数据查询
软件项目实训及课程设计指导--如何应用XML +XSLT +AJAX组合技术实现无刷新的数据查询的应用实例 1.在Web应用系统项目中添加一个实现查询的请求页面searchBook.jsp (1)创建 ...
Ajax实例一：利用服务器计算
Ajax实例一:利用服务器计算 HTML代码 //输入两个数 <input id="number1" type="number"> <inpu ...
vue 全局刷新与局部刷新
首先说下区别: 全局刷新:是指页面整体刷新,会出现空白,闪烁的情况局部刷新:是指某个进行重构加载,不会出现空白全局刷新: App.vue <template><div id=&q ...

ajax-210810-03---练习全局刷新计算bmi

ajax-210810-03—练习&全局刷新计算bmi

需求

演示—全局刷新

index.jsp（全局刷新—转发操作）

result.jsp（全局刷新—转发操作）

BmiServlet.java（全局刷新—转发操作）

bmiprint.jsp（全局刷新—使用HttpServletResponse输出数据）

BmiPrintServlet.java（全局刷新—使用HttpServletResponse输出数据）

web.xml（映射servlet）

ajax-210810-03---练习全局刷新计算bmi相关推荐

最新文章

热门文章