六里桥高低压电工培训:大家看看下面的代码是不是要什么组件才能运行在普通的系统上

来源:百度文库 编辑:杭州交通信息网 时间:2024/04/29 10:12:43
<%@ page contentType="text/html;charset=GB2312"%>
<html>
<title>Ajax应用</title>
<head>
<script language="javascript">
setInterval("sendData()",5000)
var req;
function sendData() {
// mdiv.innerHTML = "<div>Begin...</div>";
var idField = document.getElementById("userid");
var url = "http://www.51epin.com/"
waitMessage();
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
req.open("GET", url, true);
//open包含5个参数:(http-method, url, async, userID, password) 前三个是必要的,后两个是可选的
//----http-method: HTTP的通信方式,比如GET或是 POST
//----url: 接收XML数据的服务器的URL地址。通常在URL中要指明 ASP或CGI程序
//----async: 布尔标识.如是异步通信方式(true),客户机不等待服务器的响应;如是同步方式(false),客户机就要等到服务器返回消息后才去执行其他操作
//----userID: 用户ID,用于服务器身份验证
//----password 用户密码,用于服务器身份验证
req.onreadystatechange = callback;
//如用POST方法,需添加如下内容
//----req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//----req.send("id=" + escape(idField.value));
req.send(null);
}
function callback() {
if (req.readyState == 4) {
//XMLHTTP对象中的readyState属性能够反映出服务器在处理请求时的进展状况
//----0 Response对象已经创建,但XML文档上载过程尚未结束
//----1 XML文档已经装载完毕
//----2 XML文档已经装载完毕,正在处理中
//----3 部分XML文档已经解析
//----4 文档已经解析完毕,客户端可以接受返回消息
if (req.status == 200) {
//检查是否成功接收了服务器响应
parseMessage();
}
}
}
function parseMessage() {
var message = req.responseXML.getElementsByTagName("data");
var str=new Array();
if(message.length>=1){
for(var i=0;i<message.length;i++){
str[i]=message[i].firstChild.data;
}
}else{
str[0]=message.length;
}
mdiv = document.getElementById("userIdMessage");
mdiv.innerHTML = "<div>"+str[0]+"</div>";
}
function waitMessage() {
mdiv = document.getElementById("userIdMessage");
mdiv.innerHTML = "<div>请稍后----</div>";
}
</script>
</head>
<body bgcolor=silver>
<font size=2>输入一个数字,通过ajax将会在页面静态获取服务器端响应:</font>
<input type="text" name="id" id="userid" size="20">
<input type="button" value="发送" onclick="sendData()">
<div id="userIdMessage"></div>
</body>
</html>