request.js

使用JSP和Java Bean来构建一个网上书店。本章介绍的例子可以分成两大部分

// JavaScript Document
function btnSty(objId,objStyle)
{
	document.getElementById(objId).style.display = objStyle
}
//提示窗口控制
function ifodis(){
	btnSty('loadifo','none');
}
function settime(a){
	setTimeout(a,1000);
}
function loadtime(){
	loadifo.innerHTML += "+"
}
//XML数据绑定
var xmldoc = false;
function loadurl(url){
//定义往址参数
	//var url = filename;
//定义为异步传输模式
	xmldoc = false;
//Mozill,Safari等浏览器时需要创建的XMLHttp类
	if(window.XMLHttpRequest){
		xmldoc = new XMLHttpRequest();
		if(xmldoc.overrideMimeType){
				xmldoc.overrideMimeType('text/xml');
		}
	}
//IE浏览器时创建的XMLHttp类
	else if(window.ActiveXObject){
		try{
			xmldoc = new ActiveXObject("Msxml3.XMLHTTP");
		}
		catch(e){
			try{
				xmldoc = new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch(e){
				try{
					xmldoc = new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch(e){}
			}
		}
	}
//不能创建XMLHTTP类时返回
	if(! xmldoc){
		return false;
	}
//调用CheckState函数
	xmldoc.onreadystatechange = CheckState;
	xmldoc.open('POST',url,true);
	xmldoc.send(null);
}
//状态检测
function CheckState(){
	btnSty('loadifo','');
	loadifo.innerHTML = "正在加载数据......";
//收到完整的服务器响应
	if(xmldoc.readyState == 1){
		loadifo.innerHTML = "正在加载数据......";
		//loadifo.innerHTML = "&nbsp;&nbsp;<font color=red>接服务器...</font>";
		}
	else if(xmldoc.readyState == 2){
		loadifo.innerHTML = "正在加载数据......";
		}
	else if(xmldoc.readyState == 3){
		loadifo.innerHTML = "正在加载数据......";
		//settime(loadtime)
		}
	else if(xmldoc.readyState == 4){
//HTTP服务器响应值成功
		if(xmldoc.status == 200)
			{
//将服务器返回的字符串写到页面中ID为showdiv的区域
     //loadifo.innerHTML = "&nbsp;&nbsp;<font color=green>加载完成</font>";
	 //loadifo.innerHTML = "";
	 //settime(ifodis);
	 ifodis();
		 var response = xmldoc.responseText;
		 prolist.innerHTML = response;
		 //prolist.innerHTML = "hi";
		}
		else{
			loadifo.innerHTML = "错误"+xmldoc.statusText+"请重新选择";
		}
	}
}
//if (top.location != self.location)top.location=self.location;