AjaxServlet实例在网络编程的应用

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. ﹤title﹥AJAX.html﹤/title﹥
  4. ﹤/head﹥
  5. ﹤script type="text/javascript"﹥ 
  6. function getResult(){
  7.   var url = "/Tajax/AajaxServlet?action=send";
  8.   if (window.XMLHttpRequest) { 
  9.     req = new XMLHttpRequest(); 
  10.   }else if (window.ActiveXObject){ 
  11.     req = new ActiveXObject("Microsoft.XMLHTTP"); 
  12.   } 
  13.   if(req){ 
  14.      req.open("GET",url, true); 
  15.      req.onreadystatechange = complete; 
  16.      req.send(null); 
  17.   } 

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

 
 
 
 
  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.       row1= tb.insertRow();
  13.       cell1 = row1.insertCell();
  14.       cell1.innerText = num1;
  15.       cell2 = row1.insertCell();
  16.       cell2.innerText = num2;
  17.       row2= tb.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.  function RemoveRow(){//保留***行表头,其余数据均删除.
  27.     var iRows = tb.rows.length;
  28.     for(var i=0;i﹤ iRows-1;i++){
  29.        tb.deleteRow(1);
  30.     }
  31.  }
  32.  function MyShow(){//2秒自动刷新一次,2秒取得一次数据.
  33.   timer = window.setInterval("getResult()",2000);
  34.   }
  35. ﹤/script﹥ 
  36. ﹤body onload="MyShow()"﹥
  37. ﹤table width="47%" height="23" border="0" cellpadding="1" cellspacing="0" id="tb"﹥
  38. ﹤tr﹥﹤td﹥代码﹤/td﹥
  39. ﹤td﹥价格﹤/td﹥
  40. ﹤/tr﹥
  41. ﹤/table﹥
  42. ﹤form﹥
  43. ﹤p﹥输入股票代码:
  44. ﹤input type="text" size="14" name="phone" id="phone"/﹥
  45. ﹤/p﹥
  46. ﹤p﹥你交易的数量:﹤/p﹥
  47. ﹤p﹥﹤textarea name="order" rows="6" cols="50" id="order"﹥﹤/textarea﹥﹤/p﹥
  48. ﹤p﹥﹤input type="submit" value="提交" id="submit" /﹥﹤/p﹥
  49. ﹤/form﹥
  50. ﹤/body﹥

三、web.xml

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

运行图:

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

文章标题:AjaxServlet实例在网络编程的应用
网站链接:http://www.shufengxianlan.com/qtweb/news40/182040.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联