Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 296|回复: 0

[AJAX学习]在响应返回前输出提示信息

[复制链接]
  • TA的每日心情
    开心
    2021-3-12 23:18
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2014-10-13 04:54:18 | 显示全部楼层 |阅读模式
    1. 运行图:
    2. [img]http://img.javaxxz.com/2014/10/13/045417937.gif[/img]
    3. 一、处理请求的jsp
    4. <%@ page contentType="text/html; charset=gb2312"%>
    5. <%
    6. String number_1 = request.getParameter("number_1");
    7. String number_2 = request.getParameter("number_2");
    8. int num_1=0,num_2=0;
    9. boolean status = true;
    10. if(number_1!=null) {
    11.         try {
    12.                 num_1 = Integer.parseInt(number_1);
    13.         }catch(Exception ex) {
    14.                 status = false;
    15.                 out.println("Error,乘数必须是整数。");
    16.         }
    17. }
    18. if(number_2!=null) {
    19.         try {
    20.                 num_2 = Integer.parseInt(number_2);
    21.         }catch(Exception ex) {
    22.                 status = false;
    23.                 out.println("Error,被乘数必须是整数。");
    24.         }
    25. }
    26. if(status) out.println(num_1*num_2);
    27. %>
    28.                      
    复制代码

      
      二、发送AJAX请求的HTML网页 <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>Ch03--一个简单的例子</title>
    <link href="../css/style.css" rel="stylesheet" type="text/css">
    <script language="javascript">
    1. //按钮“开始计算”响应函数,判断输入域情况后调用send_request函数。
    2.         function doCaculate() {
    3.                 var f = document.form1;
    4.                 if((f.number_1.value!="")&&(f.number_2.value!="")) {
    5.               //在响应返回以前,输出提示信息
    6.                         document.getElementById("feedback").innerHTML = "正在计算,请稍后......";
    7.                         send_request("process.jsp?number_1="+f.number_1.value+"&number_2="+f.number_2.value);
    8.                 }
    9.                 else if(f.number_1.value=="") document.getElementById("feedback").innerHTML = "乘数不能为空。";
    10.                 else if(f.number_2.value=="") document.getElementById("feedback").innerHTML = "被乘数不能为空。";
    11.         }
    12.         var http_request = false;
    13.         //向服务器发起XMLHTTP请求。
    14.         function send_request(url) {//初始化、指定处理函数、发送请求的函数
    15.                 http_request = false;
    16.                 //开始初始化XMLHttpRequest对象
    17.                 if(window.XMLHttpRequest) { //Mozilla 浏览器
    18.                         http_request = new XMLHttpRequest();
    19.                         if (http_request.overrideMimeType) {//设置MiME类别
    20.                                 http_request.overrideMimeType("text/xml");
    21.                         }
    22.                 }
    23.                 else if (window.ActiveXObject) { // IE浏览器
    24.                         try {
    25.                                 http_request = new ActiveXObject("Msxml2.XMLHTTP");
    26.                         } catch (e) {
    27.                                 try {
    28.                                         http_request = new ActiveXObject("Microsoft.XMLHTTP");
    29.                                 } catch (e) {}
    30.                         }
    31.                 }
    32.                 if (!http_request) { // 异常,创建对象实例失败
    33.                         window.alert("不能创建XMLHttpRequest对象实例.");
    34.                         return false;
    35.                 }
    36.                 http_request.onreadystatechange = processRequest;
    37.                 // 确定发送请求的方式和URL以及是否同步执行下段代码
    38.                 http_request.open("GET", url, true);
    39.                 http_request.send(null);
    40.         }
    41.         // 处理返回信息的函数
    42.     function processRequest() {
    43.                 var f = document.form1;
    44.         if (http_request.readyState == 4) { // 判断对象状态
    45.             if (http_request.status == 200) { // 信息已经成功返回,开始处理信息
    46.                                 var returnStr = http_request.responseText;
    47.                                 if(returnStr.indexOf("Error")==-1) {
    48.                                         f.result.value = returnStr;
    49.                     //响应返回后清空提示信息
    50.                                         document.getElementById("feedback").innerHTML = "";
    51.                                 }
    52.                                 else {
    53.                                         f.result.value = "";
    54.                                         document.getElementById("feedback").innerHTML = returnStr;
    55.                                 }
    56.             } else { //页面不正常
    57.                 alert("您所请求的页面有异常。");
    58.             }
    59.         }
    60.     }
    复制代码
    </script>
    </head> <body><center>
    <form action="process.jsp" method="post" enctype="application/x-www-form-urlencoded" name="form1" target="_self">
    <table width="400" cellpadding="4" cellspacing="1" border="0">
    <caption>简单乘法计算</caption>
    <tr>
    <td align="center">
       <input type="text" name="number_1" size="10"> *<input type="text" name="number_2" size="10"> =
       <input type="text" name="result" size="10">
    </td>
    </tr>
    <tr align="center">
    <td>
        <input type="button" name="Caculate" value="开始计算" onClick="doCaculate()">
        <input type="reset" name="reset" value="重新计算">
    </td>
    </tr>
    <tr><td align="center" height="25"><label id="feedback"> </label></td></tr>
    </table>
    </form>
    </center>
    </body>
    </html>

      
      
       
       

         
       

         
       
      



    源码下载:http://file.javaxxz.com/2014/10/13/045418015.zip
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2025-2-26 04:17 , Processed in 0.450598 second(s), 46 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表