HTML中没有java端的返回

第一次选择长方形选项输入数据单击计算没有反应,选项换成圆形后输入并单击计算才转换并弹出数值。按了浏览器的后退键后才可以正常使用。

这是HTML的代码:
<!DOCTYPE html>



Insert title here

<form method="POST" action="my3.svlt">
    <select id="selectid" name=t onchange="role()">
        <option value="0">请选择</option>
        <option value="1">长方形面积</option>
        <option value="2">圆形面积</option>
        <option value="3">长方形周长</option>
        <option value="4">圆形周长</option>
    </select>


    <div id="length" style="display: none;">
        <span class="x-red"></span>长 <input type="text" name=len required=""
            autocomplete="off" class="layui-input" value="">
    </div>
    <div id="width" style="display: none;">
        <span class="x-red"></span>宽 <input type="text" name=wid required=""
            autocomplete="off" class="layui-input" value="">
    </div>
    <div id="ridus" style="display: none;">
        <span class="x-red"></span>半径 <input type="text" name=rid required=""
            autocomplete="off" class="layui-input" value="">
    </div>


    <script>
        function role() {
            var sel1 = document.getElementById('selectid');
            var index = sel1.selectedIndex;
            var value = sel1.options[index].value; 
            if (value == 1) {
                document.getElementById("length").style.display = "block";
                document.getElementById("width").style.display = "block";
                document.getElementById("ridus").style.display = "none";

            } else if (value == 2) {
                document.getElementById("length").style.display = "none";
                document.getElementById("width").style.display = "none";
                document.getElementById("ridus").style.display = "block";
            } else if (value == 3) {
                document.getElementById("length").style.display = "block";
                document.getElementById("width").style.display = "block";
                document.getElementById("ridus").style.display = "none";

            } else if (value == 4) {
                document.getElementById("length").style.display = "none";
                document.getElementById("width").style.display = "none";
                document.getElementById("ridus").style.display = "block";

            } else {
                document.getElementById("length").style.display = "none";
                document.getElementById("width").style.display = "none";
                document.getElementById("ridus").style.display = "none";
            }
        }
    </script>


    <button>计算</button>
</form>


这是servl中doPost的代码:
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// TODO Auto-generated method stub
response.setCharacterEncoding("UTF-8");
response.setContentType("text/html; charset=utf-8");

    int value = Integer.parseInt(request.getParameter("t"));
    System.out.println(+value);
    if (value == 1) {
        float l = 0;
        try {
            l = Float.parseFloat(request.getParameter("len"));
        } catch (Exception e) {
            l = 0;
        }
        if (l <= 0) {
            response.getWriter().println("长方形的长度len不符合要求");
            return;
        }
        float w = 0;
        try {
            w = Float.parseFloat(request.getParameter("wid"));
        } catch (Exception e) {
            w = 0;
        }
        if (w <= 0) {
            response.getWriter().println("长方形的宽度wid不符合要求");
            return;
        }
        float s = l * w;
        String content = "长方形的面积为:" + s;
        response.getWriter().println(content);
    } else if (value == 3) {
        float l = 0;
        try {
            l = Float.parseFloat(request.getParameter("len"));
        } catch (Exception e) {
            l = 0;
        }
        if (l <= 0) {
            response.getWriter().println("长方形的长度len不符合要求");
            return;
        }
        float w = 0;
        try {
            w = Float.parseFloat(request.getParameter("wid"));
        } catch (Exception e) {
            w = 0;
        }
        if (w <= 0) {
            response.getWriter().println("长方形的宽度wid不符合要求");
            return;
        }
        float d = 2*(l + w);

        String content = "长方形的周长为:" + d;
        response.getWriter().println(content);

    } else if (value == 2) {
        float r = 0;
        try {
            r = Float.parseFloat(request.getParameter("rid"));
        } catch (Exception e) {
            r = 0;
        }
        if (r <= 0) {
            response.getWriter().println("圆形的半径rid不符合要求");
            return;
        }
        float Pi = 3.14f;

        float s = Pi * r * r;

        String content = "圆形的面积为:" + s;
        response.getWriter().println(content);
    } else if (value == 4) {
        float r = 0;
        try {
            r = Float.parseFloat(request.getParameter("rid"));
        } catch (Exception e) {
            r = 0;
        }
        if (r <= 0) {
            response.getWriter().println("圆形的半径rid不符合要求");
            return;
        }
        float Pi = 3.14f;

        float d = 2 * Pi * r;

        String content = "圆形的周长为:" + d;
        response.getWriter().println(content);
    }else {
        String content = "请选择功能" ;
        response.getWriter().println(content);

    }

}
0

1个回答

这样就可以了

 <form id="fm" method="POST" action="my3.svlt">
        <select id="selectid" name=t onchange="role()">
            <option value="0">请选择</option>
            <option value="1">长方形面积</option>
            <option value="2">圆形面积</option>
            <option value="3">长方形周长</option>
            <option value="4">圆形周长</option>
        </select>

        <div id="length" style="display: none;">
            <span class="x-red"></span>长 <input type="text" name=len required=""
                autocomplete="off" class="layui-input" value="">
        </div>
        <div id="width" style="display: none;">
            <span class="x-red"></span>宽 <input type="text" name=wid required=""
                autocomplete="off" class="layui-input" value="">
        </div>
        <div id="ridus" style="display: none;">
            <span class="x-red"></span>半径 <input type="text" name=rid required=""
                autocomplete="off" class="layui-input" value="">
        </div>


        <script>
            function role() {
                var sel1 = document.getElementById('selectid');
                var index = sel1.selectedIndex;
                var value = sel1.options[index].value;
                if (value == 1) {
                    document.getElementById("length").style.display = "block";
                    document.getElementById("width").style.display = "block";
                    document.getElementById("ridus").style.display = "none";

                } else if (value == 2) {
                    document.getElementById("length").style.display = "none";
                    document.getElementById("width").style.display = "none";
                    document.getElementById("ridus").style.display = "block";
                } else if (value == 3) {
                    document.getElementById("length").style.display = "block";
                    document.getElementById("width").style.display = "block";
                    document.getElementById("ridus").style.display = "none";

                } else if (value == 4) {
                    document.getElementById("length").style.display = "none";
                    document.getElementById("width").style.display = "none";
                    document.getElementById("ridus").style.display = "block";

                } else {
                    document.getElementById("length").style.display = "none";
                    document.getElementById("width").style.display = "none";
                    document.getElementById("ridus").style.display = "none";
                }
            }
            function submitFm() {
                var form = document.getElementById('fm');
                form.submit();
            }
        </script>
        <button  onclick="submitFm()" type="submit">计算</button>
    </form>
0
ththcc
ththcc 如果解决了问题,求采纳一下下啊~~
4 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
[笔记] Java服务端将数据发送到客户端html页面中显示
在页面中使用了Ajax向服务器请求数据,服务端返回的数据必须和客户端的页面需求的数据格式要一致。客户的短请求如下:请求中为了解决跨域问题,指定的传输数据格式是 jsonp 格式数据,所以,要求java服务端返回的数据也是和json格式一致,在这里可以返回一个map对象的字符串:后台返回数据之后,前台获取数据示例,获取数据之后将html片段插入到指定的id中:...
java中调用ajax返回html格式
1.在jsp页面中 <%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%> Inser here //回调函数 function callback(data){ $("#checkmenunamespan").html(""); $("#c
解决HTML页面显示本地图片的问题(JAVA前后端代码)
本文原创,禁止转载。 这里有个需求,我们需要在页面上显示一张本地的图片。看似简单的需求,却并不简单。 也许你百度一下会看到如下的答案: 比如说这里https://jingyan.baidu.com/article/ca41422f3252571eae99eda2.html 但是可能你很快会发现,为什么不管我怎么尝试都会不成功呢? 因为前提条件不对。 以上案例成功的前提是这样的,你必...
将后台数据以List返回到HTML界面
    现阶段在做毕设,现在遇到的问题是我想把后台从数据库中取出的数据传到前端HTML页面,而且是List&amp;lt;E&amp;gt;集合,其中E我又是定义的一个video类,目的就是想在前端不同的地方输出不同的属性。    video的定义就是数据库中的几个字段:video{title,address,c_id}。    controller中代码如下:                int c_id=0...
springmvc 后端返回到前端乱码
springmvc 后端返回到前端乱码
SpringMVC后端返回数据到前端页面方法总结
Spring MVC返回数据到页面有几种不同的方式,它们各自适用的情况也不同,下面简单总结一下。 对于每种方式都给出Controller中的相应方法。 首先还是页面userAdd.jsp。它既是发出请求的页面,也是接收返回结果的页面: &amp;lt;%@ page language=&quot;java&quot; import=&quot;java.util.*&quot; contentType=&quot;text/html;charset...
通过DWR实现在HTML和Java Script中直接调用服务端的Java Bean
通过DWR实现在HTML和Java Script中直接调用服务端的Java Bean
SpringMVC 返回前端乱码
SpringMVC 返回前端乱码
前端页面对后端数据的换行显示
有时我们会遇到这种情况,后端传递了一大段包含了换行符的文本内容,在React中,我们直接将这部分内容展示的话,并不会出现换行的效果。如下例子: /* content为从后端获取的数据,例如: content=`hello world! hello world!hello world! hello world!hello world!hello world!` */ &amp;amp;amp;amp;lt;div&amp;amp;amp;amp;g...
web前端后端数据的交互方式总结
做web开发,很重要的一个环节就是前后台的数据的交互,数据从页面提交到contoller层,数据从controler层传送到jsp页面来显示。这2个过程中数据具体是如何来传送的,是本节讲解的内容。    首先说一下数据如何从后台的contorller层传送到页面jsp上。 如上图,在使用struts的情况下上图就是我们在jsp页面上能获取到的对象,我
关于JavaWeb前端页面获取后端传过来的时间中时分秒丢失的问题
一个Spring Boot项目,昨天遇到一个令人蛋疼的问题,返回列表中有个时间字段,在测试环境上,返回的时间戳没有问题,但是部署到正式环境上,就出问题了,都被格式化成了“yyyy-MM-dd”字符串了,而且时分秒也莫名其妙的丢失了,实在不解,于是在后端日志是一通打印,从数据库中获得的时间也没有问题,也没有针对正式环境做特殊处理 于是上网百度,终于找到了解决办法,在属性的get方法上加上注解对...
html通过js获取java传过来的cookie
java 部分 @ResponseBody @RequestMapping(value = "login", method = {RequestMethod.GET, RequestMethod.POST}) public Object login(HttpServletRequest request, HttpServletResponse response, String user, Str
Java处理JSON数据返回到前端的反斜杠
一、场景简述 在写后端返回JSON数据到前端的时候,遇到了前端一直无法获得后端传输的数据,但实际已经后端已经传输到前端了。在看前端获取到后端返回的数据的时候发现JSON中含有反斜杠,如下图 想必一定是这个转义符导致前端显示数据失败。 二、解决方案 笔者一开始用document.toJson().replace(&quot;\&quot;&quot;,&quot;'&quot;)将反斜杠+双引号转换成单引号,但无果。 笔者就用了imp...
Java发送Html请求,并解析返回的请求
今天是2008年7月7日星期一,下午一直在学校做个人开始页面。因为离不开google的翻译,所以想把google的翻译整合到我的开始页面中来,于是乎就遇到了一个问题,怎样使用java程序发送http请求然后截获远程服务器返回的数据进行适当处理之后再输出?另外,google的翻译页面是使用post的方法提交数据的,无法直接通过网址进行处理,于是乎,这又涉及到了一个怎样使用java去post数据的问题...
php向前端发送的字符串中存在HTML标签如何正常显示
问题描述:php向前端发送的字符串中存在HTML标签如何正常显示? 从php后端获取字符串为“500 “500” 处理方法:使用htmlspecialchars方法进行处理。 详见:http://php.net/manual/zh/function.htmlspecialchars.php
2015061705 - 后台返回给前端的类(统一标准类)
import com.google.gson.Gson; import java.util.Map; /**Action返回给前端界面的类,可以直接使用*/ public class ResultGson {     private boolean success;                  /*操作成功标志*/     private String result;  
后台如何解析html
String str = "空白字体只是斜体斜体划线1111111加粗划线样式空白字体只是斜体斜体划线"; 上面这个str字符串,如何解析出类似于 : 文字:该文字块有哪些属性(i/u/b) //文字样式 public class FontStyle { private boolean isB = false;//是否加粗 private boolean isU = false;//是
后端往前段传递参数,大部分人都清楚,无非就是发起ajax请求获取后端值,然后通过js写入html相应位置即可。但是前段html页面之间,怎么传递参数呢?
后端往前段传递参数,大部分人都清楚,无非就是发起ajax请求获取后端值,然后通过js写入html相应位置即可。但是前段html页面之间,怎么传递参数呢? 如在当前页面A中,新弹出一个页面B(可能是一个新的浏览器窗口,也可能只是一个openWin即还是当前的html页面只是修改了部分代码而已即弹出页面可操作其他部分是灰色的不让操作),这时候A中的有些值,要传到B中,怎么办? 答案
返回ModelAndView后HTML的样式没了解决办法
    最近要做一个接口,访问这个接口显示一个登陆的网页,输入数据后向这个接口post数据登陆。这里就需要用到ModelAndView,但是返回后HTML的样式就没有了。具体原因是HTML的basePath变了,HTML不能像jsp那样设置basePath,真蛋疼。 这里可以看到路径多了cas,这是登陆controller的根路径,我的资源的目录...
SpringBoot处理请求并以HTML形式返回结果
&lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot; xmlns:th=&quot;http://www.w3.org/1999/xhtml&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;Hello Word!&lt;/h
java发送http请求,解析html返回的技术
转载:http://blog.sina.com.cn/s/blog_683b7a840100o8q1.html java发送http请求,解析html返回的技术,主要是用于抓取网站数据。 思路:     java通过URLConnection链接目的地网址,链接成功后从inputStream中获取返回的html内容,获取后就可以按照正则匹配的方式或者第三方工具,根据页面信息的规律
PrintWriter 返回前端中文乱码
servlet是一个好东西,有时候虽然麻烦,但是有时开发过程中对外提供http接口,还是比较方便的。 但是返回对方数据时,如果包含中文,那就可能会遇到中文乱码问题。 返回数据一般使用PrintWriter 首先需要知道对方的编码格式。 然后在返回代码里写下下面两句。  protected void doPost(HttpServletRequest request, HttpServle
java代码访问百度,返回html页面代码
package Mytest.model.test; import java.io.ByteArrayOutputStream; import java.io.IOException; import java.io.InputStream; import java.net.HttpURLConnection; import java.net.URL; public class HttpBaidu
java堆栈类使用实例(java中stack的使用方法
java中stack的使用方法,堆栈是一种"后进先出"(LIFO) 的数据结构, 只能在一端进行插入(称为"压栈") 或删除 (称为"出栈")数据的操作,下面看示例吧 JAVA 中,使用 java.util.Stack 类的构造方法创建对象。  public class Stack extends vector  构造方法 : public Stack() 创建一个空 Sta
在C#中使用Response.write返回的内容不要HTML
Response.Clear(); Response.Write(""); Response.Flush(); Response.End();
有关于java项目406的问题
最近太忙了,定了一大堆计划都还没有去执行,也怪自己还没有摒弃惰性。今天在修改项目的时候遇到的一个406的问题,项目view层是后台去调用,也就是是使用spring的mvc,现在要改为,页面只能从页面跳转,不能从后台设置跳转,目的大概是长期发展下来前后端更容易管理吧(我猜的)。后端接口只是数据处理和返回的作用,一般都是设置为json格式。 于是乎就使用了spring的@ResponseBody标签:
JAVA前端与后端参数传递方法小结
1,从Action中传值到JSP页面的方法      ①在Action中定义一个成员变量,然后对这个成员变量提供get/set方法,在JSP页面就可以取到这个变量的值了。   1)在Action中定义成员变量 //定义一个成员变量 private String message; //提供get/set方法 public String getMessage() { return m
JsJavaInterface
Demo中,先加载assets中的html页面,然后,java调用js中的函数,在js的函数中再调用java的函数,并返回字符串.最后显示在html上.
解析带有html标签的json数据
解析带有html标签的json数据
后台返回map字符串,前台解析:
后台返回map字符串,前台解析:(这种对于ajax中标明datatype:‘json’)  List codeLibraryjypzList= tbCusFirmChgService.getCodeLibraryListForjypz(jypzInfoMap); model.addAttribute("codeLibraryjypzList", codeLibraryjypzList); r
java后端判断结果在前端页面提示
今天在ssm+shiro的教务系统项目完善的过程中,管理员登录到教务系统后,可以管理所有的课程(CRUD),但是如果要删除一门课程,需要提前判断该课程有无学生选择,如果某门课程已经有学生选择则不能删除此课程。 逻辑想法实现为:在课程表中删除该课程信息之前,在service方法中调用选课表的mapper方法查询,如果选课表中该课程的查询结果为null或者false,表明无人选此课,执行删除...
java与前端交互的方式
第一种、session存取单个数据 第二种、ajax存取单个数据 第三种、json存取多个对象或数据 第四种、html赋值
不让null值返回前端
场景:有时候我们返回给前端的数据是null的,而这些为null的值前端也不需要,我们就没必要吧null值返回给前端。 第一种方法:在类的上面加注解 import com.fasterxml.jackson.annotation.JsonInclude; @JsonInclude(JsonInclude.Include.NON_NULL) 那如果实体类很多,每个类上面都要加上么?当然不是,有个...
flask restful 实现返回结果为 html
flask restful 默认的返回结果为 json 类型,即使请求中带的消息头为  Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 因为 flask restful 支持的mediatype仅为application/json,对应的处理函数为 o
【JS】【客户端】在HTML里嵌入JavaScript
在HTML里嵌入JavaScript 在HTML文档里嵌入客户端JavaScript代码有4中方法: 内嵌,放置在和标签之间  (少) 放置在有标签的src属性指定的外部文件中  (多) 放置自HTML事件处理程序中,该事件处理程序由onclick或onmouseover这样的HTML属性值指定它  (很少) 放在一个URL里,这个URL使用特殊的协议”javas
spring中统一到前端的返回值
spring中统一到前端的返回值 在业务处理流程中抛出的异常,通过切面编程捕获后,给前端返回统一的消息格式 @ControllerAdvice public class ControllerExceptionHandler { Logger logger = LoggerFactory.getLogger(getClass()); @ExceptionHandler(T...
简单的JAVA HTML服务器
实现原理为采用Socket原理、线程池、输入输出流及简单的HTTP协议,麻烦虽小,五脏俱全,只有两个类文件。 使用方法,在DOS窗口下,转到当前HTMLJAR所在目录,打入如下命令: java -Djava.ext.dirs=. httpserver.HttpServer [HTML服务所在路径] [端口] HTML服务所在路径及端口参数是可选的,路径默认路径为当前应用所在路径,默认端口为1
Jsoup请求数据返回json包含html标签
楔子 jsoup使用get请求数据,得到的数据包含html标签,导致在使用json转javabean时出现错误。 jsoup请求返回json StringattenNextPart=Jsoup.connect(nextUrl).headers(SysConstant.headMap).ignoreContentType(true).get().body().html(); ...
针对移动端的java服务器,接收和json返回数据
本人新手,刚参加工作,前段时间让我写安卓服务端,java,使用的是SSH框架,去网上找了好多方法,这方面的好像不是太多(也可能是我没发现) {CSDN:CODE:x}
java web跨域请求
java  web中如何跨域请求呢? 使用jsonp,详情请参考:http://json-p.org/ 页面代码如下: &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head lang=&quot;en&quot;&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;
文章热词 Java Java教程 Java培训 Java学习 Java价格
相关热词 java没有c#中的属性 android菜单栏没有返回 gbk java 返回c++ 乌班图里面没有python 乌班图没有python