java网络编程-Ajax+servlet实例

二、testajax.html
<html>
<head>
<title><nobr id="key1" target="_blank" style="border-bottom: 1px dotted rgb(102, 0, 255); color: rgb(102, 0, 255); background-color: transparent; text-decoration: underline;">AJAX</nobr>.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 οnlοad="MyShow()">
<table width="47%" height="23" border="0" cellpadding="1" cellspacing="0" id="tb">
<tr><td><nobr id="key2" target="_blank" style="border-bottom: 1px dotted rgb(102, 0, 255); color: rgb(102, 0, 255); background-color: transparent; text-decoration: underline;">代码</nobr></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>


</<nobr id="key5" target="_blank" style="border-bottom: 1px dotted rgb(102, 0, 255); color: rgb(102, 0, 255); background-color: transparent; text-decoration: underline;">web</nobr>-app>

图片点击可在新窗口打开查看

  Ajax异步请求,servlet产生随机<nobr id="key4" target="_blank" style="border-bottom: 1px dotted rgb(102, 0, 255); color: rgb(102, 0, 255); background-color: transparent; text-decoration: underline;">数据</nobr>,Html页面无刷新显示。
运行环境:jdk1.5+tomcat 5.5

一、ajaxServlet.<nobr id="key0" target="_blank" style="border-bottom: 1px dotted rgb(102, 0, 255); color: rgb(102, 0, 255); background-color: transparent; text-decoration: underline;">java</nobr>

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();
  } }}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值