现在的位置: 首页 > 综合 > 正文

Ajax回显server端的执行信息

2013年10月22日 ⁄ 综合 ⁄ 共 6127字 ⁄ 字号 小 中 大 ⁄ 评论关闭

今天有人问"页面可以用ajax通过事件调java方法，但有是我想把java方法执行过程中的某些提示信息自由自动的反馈给页面。该怎么办", 我下来就做了一个demo. 现在贴上来, 供后来者参考.

我用的是spring环境, 所有的controller都继承子Controller;
RegisteController:用来模拟用户注册的步骤, 它会产生一些执行过程中的信息放到一个链表里;
InfoController: 用来把链表中最顶端的那条信息.发送给客户.
用prototype的ajax来发送请求.
发送请求的同时, 发送另外一个请求用来得到执行过程中的提示信息. 而这个过程递归执行, 直到收到"finish" 消息.

jsp文件, 用来发送ajax请求和显示回显信息. 
 注意导入的prototype的路径.

  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  3. <html>
  4.     <head>
  5.         <title>Testing page</title>
  6.         <script type="text/javascript" src="js/prototype-1.5.1.2.js"></script>
  7.         <script type="text/javascript">
  8.             function postAjax(){
  9.                 var myAjax = new Ajax.Request(
  10.                     'register.do',
  11.                     {
  12.                         method: 'post',
  13.                         parameters: {username: 'username', password: 'password'},
  14.                         onComplete: doComplete
  15.                     }
  16.                 );
  17.                 alert("request send.");
  18.                 getInfo();
  19.             }
  20.             function getInfo(){
  21.                 var infoAjax = new Ajax.Request(
  22.                     'info.do',
  23.                     {
  24.                         method: 'get',
  25.                         parameters: {},
  26.                         onComplete: doResult
  27.                     }
  28.                 );
  29.             }
  30.             
  31.             function doResult(req){
  32.                 if(req.responseText=='finish'){
  33.                     return;
  34.                 }
  35.                 //alert(req.responseText);
  36.                 var myDiv = document.createElement("div");
  37.                 var infoText = document.createTextNode(req.responseText);
  38.                 myDiv.appendChild(infoText);
  39.                 $(info).appendChild(myDiv);
  40.                 //循环发送请求得到执行信息.
  41.                 getInfo();
  42.             }
  43.             
  44.             function doComplete(){
  45.                 
  46.             }
  47.         </script>
  49.         <style type="text/css">
  50.         html,body {
  51.             font-family: Verdana, Arial, Helvetica, sans-serif;
  52.             font-size: 11pt;
  53.             margin: 0;
  54.             padding: 0;
  55.             border: 0 none;
  56.             overflow: hidden;
  57.             height: 100%;
  58.         }
  59.         .title{
  60.             font-weight: bold;
  61.         }
  62.         </style>
  63.     </head>
  64.     <body>
  65.         <div><a href="javascript: postAjax();">点击将提交一个ajax请求, 模拟执行用户注册行为. 这个请求得执行过程将显示在下面.</a></div>
  66.         <div id="info" style="width: 400px; height: 200px; overflow: scroll; border: solid red 1px;">
  67.             <div class="title">The response information comes from server: </div>
  68.             
  69.         </div>
  70.     </body>
  71. </html>

RegisteController:

  1. import java.util.LinkedList;
  2. import javax.servlet.http.HttpServletRequest;
  3. import javax.servlet.http.HttpServletResponse;
  5. import org.apache.commons.logging.Log;
  6. import org.apache.commons.logging.LogFactory;
  7. import org.springframework.web.servlet.ModelAndView;
  8. import org.springframework.web.servlet.mvc.Controller;
  10. public class RegisteController implements Controller {
  12.     private Log log = LogFactory.getLog(getClass());
  13.     
  14.     public ModelAndView handleRequest(HttpServletRequest arg0,
  15.             HttpServletResponse arg1) throws Exception {
  16.         String username = arg0.getParameter("username");
  17.         String password = arg0.getParameter("password");
  18.         log.info("username:" + username + " password:" + password);
  19.         /**
  20.          * 下面的infoList将用来存放执行过程中的提示信息. 
  21.          * 之所以用LinkedList是因为LinkedList具有队列操做的特点.
  22.          * 最先放进去的信息可以最先被取走.
  23.          */
  24.         LinkedList<String> infoList = new LinkedList<String>();
  25.         /**
  26.          * 这里放的信息仅仅是起到模拟作用.
  27.          * 我一次性把所有的信息都放进去了.只是为了模拟效果.
  28.          * 你可以根据实际需要, 在需要的时候再放入信息.
  29.          */
  30.         infoList.add("username: " + username);
  31.         //do something else.
  32.         infoList.add("password: " + password);
  33.         //do something else.
  34.         infoList.add("Try to validate username......");
  35.         //do something else.
  36.         infoList.add("this username is valid to use");
  37.         //do something else.
  38.         infoList.add("Try to validate password......");
  39.         //do something else.
  40.         infoList.add("the password is valid to use");
  41.         //do something else.
  42.         infoList.add("Try to add this user into database......");
  43.         //do something else.
  44.         infoList.add("try to set entitlement for this user");
  45.         //do something else.
  46.         infoList.add("user registering ok.");
  47.         //do something else.
  48.         infoList.add("succeed......");
  49.         arg0.getSession().setAttribute("infoList", infoList);
  50.         arg1.getWriter().write("succeed");
  51.         return null;
  52.     }
  54. }

InfoController:

  1. import java.util.LinkedList;
  2. import javax.servlet.http.HttpServletRequest;
  3. import javax.servlet.http.HttpServletResponse;
  4. import org.springframework.web.servlet.ModelAndView;
  5. import org.springframework.web.servlet.mvc.Controller;
  6. /**
  7.  * @author Administrator
  8.  * 这个controller用来向客户端发送执行过程中产生的信息.
  9.  */
  10. public class InfoController implements Controller{
  12.     public ModelAndView handleRequest(HttpServletRequest arg0,
  13.             HttpServletResponse arg1) throws Exception {
  14.         LinkedList<String> list = (LinkedList<String>)arg0.getSession().getAttribute("infoList");
  15.         /**
  16.          * 为了模拟延迟效果, 这里睡一小会儿.
  17.          */
  18.         Thread.sleep(1000);
  19.         if(list==null){
  20.             arg1.getWriter().write("please wait a second.");
  21.             return null;
  22.         }
  23.         if(list.size()==0){
  24.             arg1.getWriter().write("finish");
  25.             return null;
  26.         }
  27.         /**
  28.          * linkedList.remove()将取走第一条信息.
  29.          */
  30.         String info = list.remove();
  31.         arg1.getWriter().write(info);
  32.         return null;
  33.     }
  35. }

spring配置文件:

  1. ......
  2. <bean name="/register.do" class="com.fydy.action.RegisteController" />    
  3. <bean name="/info.do" class="com.fydy.action.InfoController" />
  4. ......

(end)

==========================soe==================================

/**JS画图，JS小游戏，JS代码集合， JS地图，JS写RPG游戏，JS动画，JS绘图, JS对象, JS函数, JS经典 例子,JS面向对象, javascript画图，javascript小游戏，javascript代码集合， javascript地图，javascript写RPG游戏，javascript动画，javascript绘图, javascript对象, javascript函数, javascript经典例子,javascript面向对象,ajax代码，ajax入门，ajax代码，ajax+java，ajax技术，css网站，css资源，css代码，css学习，css下载，css教程,css分享**/

返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞