AjaxServlet实例在网络编程的应用

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

目前创新互联建站已为成百上千家的企业提供了网站建设、域名、雅安服务器托管、成都网站托管、企业网站设计、绥中网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

运行环境：jdk1.5+tomcat 5.5

一、ajaxServlet.java

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

二、testajax.html

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

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

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

三、web.xml

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

运行图：

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

本文标题：AjaxServlet实例在网络编程的应用
分享网址：http://www.mswzjz.com/qtweb/news40/182040.html

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

广告

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

猜你还喜欢下面的内容

外贸网站建设知识

行业网站建设

建站定制开发　　 　成都商城网站建设　　 　软文发布平台　　 　合江网站建设　　 　泸州洋跃建站　　 　成都网站建设　　 　成都展柜制作　　 　路面机械及配件　　 　香港云虚拟主机　　 　内江广告　　 　营销型网站建设　　 　响应式网站　　 　和县翔豪网站　　 　网络营销推广　　 　四川和正源　　 　川西大数据中心　　 　南充服务器托管　　 　网站建设推广　　 　成都电信服务器托管　　 　德阳电信服务器托管