专注于互联网--专注于架构

 最新标签
网站地图
文章索引
Rss订阅

首页 »博文摘选 » jspajax自动刷新:jsp+ajax自动刷新例子(转) »正文

jspajax自动刷新:jsp+ajax自动刷新例子(转)

来源: 发布时间:星期一, 2009年11月30日 浏览:882次 评论:0
、处理ajax请求jsp文件:auto.jsp
<%@ page contentType="text/html; char=gb2312" %>

<%
//设置输出信息格式及集
response.ContentType("text/xml; char=UTF-8");
response.Header("Cache-Control","no-cache");
out.prln("<response>");

for( i=0;i<2;i){
out.prln("<name>"+()(Math.random*10)+
   "型笔记本</name>");
out.prln("<count>" +()(Math.random*100)+ "</count>");
}
out.prln("</response>");
out.close;
%>



2、发送ajax请求html文件:autoRefresh.html

<head>
<META http-equiv=Content-Type content="text/html; char=gb2312">
</head>
<script language="javascript">

var XMLHttpReq;
//创建XMLHttpRequest对象
function createXMLHttpRequest {
(window.XMLHttpRequest) { //Mozilla 浏览器
XMLHttpReq = XMLHttpRequest;
}
(window.ActiveXObject) { // IE浏览器
try {
XMLHttpReq = ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
XMLHttpReq = ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
}
//发送请求
function sendRequest {
createXMLHttpRequest;
var url = "auto.jsp";
XMLHttpReq.open("GET", url, true);
XMLHttpReq.onreadystatechange = processResponse;//指定响应
XMLHttpReq.send(null); // 发送请求
}
// 处理返回信息
function processResponse {
(XMLHttpReq.readyState 4) { // 判断对象状态
(XMLHttpReq.status 200) { // 信息已经成功返回开始处理信息
DisplayHot;
Timeout("sendRequest", 1000);
} { //页面不正常
window.alert("您所请求页面有异常");
}
}
}
function DisplayHot {
var name = XMLHttpReq.responseXML.getElementsByTagName("name")[0].firstChild.nodeValue;
var count = XMLHttpReq.responseXML.getElementsByTagName("count")[0].firstChild.nodeValue;
document.getElementById("product").innerHTML = name;
document.getElementById("count").innerHTML = count;
}



</script>

<body _disibledevent=> <table style="BORDER-COLLAPSE: collapse" borderColor=#111111 cellSpacing=0 cellPadding=0 width=200    bgColor=#f5efe7 border=0>

<TR>
   <TD align=middle bgColor=#dbc2b0 height=19 colspan="2"><B>正在热卖笔记本</B> </TD>
</TR>
<tr>
   <td height="20"> 型号:</td>
   <td height="20" id="product"> </td>
</tr>
<tr>
   <td height="20"> 销售数量:</td>
   <td height="20" id="count"> </td>
</tr>
</body>
</table>

标签：jspajax自动刷新
0
我顶

相关文章

读者评论

  • 1楼 33(59.41.153.*) 发布于：星期二, 2009年12月15日
    推荐一篇文章给你:

    jspajax自动刷新:jsp+ajax自动刷新例子(转)

发表评论

  • 昵称：
  • 内容：

热门标签

精华推荐

最新标签

Dig排行

阅读排行

最新文章