转载

Ajax Servlet实例在网络编程的应用

Ajax异步请求,servlet产生随机数据,Html页面无刷新显示。

运行环境:jdk1.5+tomcat 5.5

一、ajaxServlet.java

  1. package com;  
  2. import java.io.IOException;  
  3. import java.io.PrintWriter;  
  4. import javax.servlet.ServletException;  
  5. import javax.servlet.http.HttpServlet;  
  6. import javax.servlet.http.HttpServletRequest;  
  7. import javax.servlet.http.HttpServletResponse;  
  8. import java.util.Random;  
  9. public class ajaxServlet extends HttpServlet{  
  10. private static final String CONTENT_TYPE="text/xml; charset=gb2312";  
  11. public void init() throws ServletException{}  
  12. public void doGet(HttpServletRequest request,HttpServletResponse response)  
  13. throws ServletException,IOException{  
  14.  response.setContentType(CONTENT_TYPE);  
  15.  response.setHeader("Cache-Control","no-cache");  
  16.  response.setHeader("Pragma","no-cache");  
  17.  response.setDateHeader("Expires",0);   
  18.  PrintWriter out=response.getWriter();  
  19.  String action=request.getParameter("action");  
  20. if(("send").equals(action)){    
  21.   Random random = new Random();  
  22.   String AA=Integer.toString(Math.abs(random.nextInt()));  
  23.   String BB=Integer.toString(Math.abs(random.nextInt()));  
  24.   String CC=Integer.toString(Math.abs(random.nextInt()));  
  25.   String DD=Integer.toString(Math.abs(random.nextInt()));  
  26.   StringBuffer sb=new StringBuffer();  
  27.   sb.append(AA);  sb.append("@@@");  
  28.   sb.append(BB);  sb.append("@@@");  
  29.   sb.append(CC);  sb.append("@@@");  
  30.   sb.append(DD);  
  31.   out.write(sb.toString());  
  32.   out.close();  
  33.   } }} 


二、testajax.html

  1. html  
  2. head  
  3. titleAJAX.html/title  
  4. /head  
  5. script type="text/javascript"   
  6.  
  7. function getResult(){  
  8.   var url = "/Tajax/AajaxServlet?action=send";  
  9.   if (window.XMLHttpRequest) {   
  10.     req = new XMLHttpRequest();   
  11.   }else if (window.ActiveXObject){   
  12.     req = new ActiveXObject("Microsoft.XMLHTTP");   
  13.   }   
  14.   if(req){   
  15.      req.open("GET",url, true);   
  16.      req.onreadystatechange = complete;   
  17.      req.send(null);   
  18.   }   
  19. }  

/*分析返回的文本文档*/

  1. function complete(){  
  2.   if (req.readyState == 4) {   
  3.     if (req.status == 200) {   
  4.       // alert(req.responseText);   
  5.       var strResult = unescape(req.responseText);  
  6.       var arrResult = strResult.split("@@@");  
  7.       RemoveRow();  //删除以前的数据.  
  8.       num1 = arrResult[0]; //字段num1的值  
  9.       num2 = arrResult[1]; //字段num2的值  
  10.       num3 = arrResult[2];  
  11.       num4 = arrResult[3];  
  12.       row1tb.insertRow();  
  13.       cell1 = row1.insertCell();  
  14.       cell1.innerText = num1;  
  15.       cell2 = row1.insertCell();  
  16.       cell2.innerText = num2;  
  17.       row2tb.insertRow();  
  18.       cell3 = row2.insertCell();  
  19.       cell3.innerText = num3;  
  20.       cell4 = row2.insertCell();  
  21.       cell4.innerText = num4;  
  22.     } else {   
  23.       alert('There was a problem with the request.');   
  24.     }   
  25.   }   
  26. }   
  27.  function RemoveRow(){//保留第一行表头,其余数据均删除.  
  28.     var iRows = tb.rows.length;  
  29.     for(var i=0;i iRows-1;i++){  
  30.        tb.deleteRow(1);  
  31.     }  
  32.  }  
  33.  function MyShow(){//2秒自动刷新一次,2秒取得一次数据.  
  34.   timer = window.setInterval("getResult()",2000);  
  35.   }  
  36.  
  37.  
  38. /script   
  39.  
  40. body onload="MyShow()"  
  41. table width="47%" height="23" border="0" cellpadding="1" cellspacing="0" id="tb"  
  42. trtd代码/td  
  43. td价格/td  
  44. /tr  
  45. /table  
  46.  
  47. form  
  48. p输入股票代码:  
  49. input type="text" size="14" name="phone" id="phone"/  
  50. /p  
  51. p你交易的数量:/p  
  52. ptextarea name="order" rows="6" cols="50" id="order"/textarea/p  
  53. pinput type="submit" value="提交" id="submit" //p  
  54. /form  
  55.  
  56. /body 


三、web.xml

  1. ?xml version="1.0" encoding="ISO-8859-1"?  
  2.  
  3. web-app xmlns="http://java.sun.com/xml/ns/j2ee" 
  4. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
  5. xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" 
  6. version="2.4"  
  7.  
  8. display-nameWelcome to Tomcat/display-name  
  9. description  
  10. Welcome to Tomcat  
  11. /description  
  12. servlet  
  13. servlet-nameAajaxServlet/servlet-name  
  14. servlet-classcom.ajaxServlet/servlet-class  
  15. /servlet  
  16. servlet-mapping  
  17. servlet-nameAajaxServlet/servlet-name  
  18. url-pattern/AajaxServlet/url-pattern  
  19. /servlet-mapping  
  20. /web-app 


运行图:

Ajax Servlet实例在网络编程的应用

Ajax Servlet实例在网络编程的应用就介绍到这里,是不是有点意思呢?Ajax Servlet实例在网络编程的应用是很广泛的,要在实际中积累和多应用。

正文到此结束
Loading...