Ajax+servlet執行個體

來源:互聯網
上載者:User
ajax|servlet

Ajax非同步請求,servlet產生隨機資料,Html頁面無重新整理顯示。
運行環境:jdk1.5+tomcat 5.5

一、ajaxServlet.java

package com;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.util.Random;public class ajaxServlet extends HttpServlet{private static final String CONTENT_TYPE="text/xml; charset=gb2312";public void init() throws ServletException{}public void doGet(HttpServletRequest request,HttpServletResponse response)throws ServletException,IOException{ response.setContentType(CONTENT_TYPE); response.setHeader("Cache-Control","no-cache"); response.setHeader("Pragma","no-cache"); response.setDateHeader("Expires",0);  PrintWriter out=response.getWriter(); String action=request.getParameter("action");if(("send").equals(action)){    Random random = new Random();  String AA=Integer.toString(Math.abs(random.nextInt()));  String BB=Integer.toString(Math.abs(random.nextInt()));  String CC=Integer.toString(Math.abs(random.nextInt()));  String DD=Integer.toString(Math.abs(random.nextInt()));  StringBuffer sb=new StringBuffer();  sb.append(AA);  sb.append("@@@");  sb.append(BB);  sb.append("@@@");  sb.append(CC);  sb.append("@@@");  sb.append(DD);  out.write(sb.toString());  out.close();  } }}
 
二、testajax.html
<html>
<head>
<title>AJAX.html</title>
</head>
<script type="text/javascript">

 

function getResult(){  var url = "/Tajax/AajaxServlet?action=send";  if (window.XMLHttpRequest) {     req = new XMLHttpRequest();   }else if (window.ActiveXObject){     req = new ActiveXObject("Microsoft.XMLHTTP");   }   if(req){      req.open("GET",url, true);      req.onreadystatechange = complete;      req.send(null);   } } /*分析返回的文字文件*/function complete(){  if (req.readyState == 4) {     if (req.status == 200) {       // alert(req.responseText);       var strResult = unescape(req.responseText);      var arrResult = strResult.split("@@@");      RemoveRow();  //刪除以前的資料.      num1 = arrResult[0]; //欄位num1的值      num2 = arrResult[1]; //欄位num2的值      num3 = arrResult[2];      num4 = arrResult[3];      row1= tb.insertRow();      cell1 = row1.insertCell();      cell1.innerText = num1;      cell2 = row1.insertCell();      cell2.innerText = num2;      row2= tb.insertRow();      cell3 = row2.insertCell();      cell3.innerText = num3;      cell4 = row2.insertCell();      cell4.innerText = num4;    } else {       alert('There was a problem with the request.');     }   } }  function RemoveRow(){//保留第一行表頭,其餘資料均刪除.    var iRows = tb.rows.length;    for(var i=0;i< iRows-1;i++){       tb.deleteRow(1);    } } function MyShow(){//2秒自動重新整理一次,2秒取得一次資料.  timer = window.setInterval("getResult()",2000);  }

</script> 
 

<body >
<table width="47%" height="23" border="0" cellpadding="1" cellspacing="0" id="tb">
<tr><td>代碼</td>
<td>價格</td>
</tr>
</table>

<form>
<p>輸入股票代號:
<input type="text" size="14" name="phone" id="phone"/>
</p>
<p>你交易的數量:</p>
<p><textarea name="order" rows="6" cols="50" id="order"></textarea></p>
<p><input type="submit" value="提交" id="submit" /></p>
</form>

</body>

 

 

  三、web.xml

<?xml version="1.0" encoding="ISO-8859-1"?>

<web-app xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
version="2.4">

<display-name>Welcome to Tomcat</display-name>
<description>
Welcome to Tomcat
</description>

<servlet>
<servlet-name>AajaxServlet</servlet-name>
<servlet-class>com.ajaxServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>AajaxServlet</servlet-name>
<url-pattern>/AajaxServlet</url-pattern>
</servlet-mapping>


</web-app>


運行圖:



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.