Ajax应用：异步获取历史上的今天

&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;
&lt;title&gt;Ajax应用：异步获取历史上的今天&lt;/title&gt;
&lt;script language="javascript"&gt;
//Ajax远程获取滚动条样式
var http_request = false;

function makeRequest(url)
{
	http_request = false;
	//Loading提示：
	document.getElementById("historyText").innerHTML = "正在读取…";
	if (window.XMLHttpRequest)
	{ // Mozilla, Safari,...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType)
		{
			http_request.overrideMimeType("text/xml");
		}
	}
	else if (window.ActiveXObject)
	{ // IE
		try
		{
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try
			{
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e)
			{}
		}
	}
	if (!http_request)
	{
		document.getElementById("historyText").innerHTML = "无法创建XMLHTTP实例！";
		//alert("Giving up :( Cannot create an XMLHTTP instance");
		return false;
	}
	d = new Date(); // 创建 Date 对象。
	s = "temp";
	s += d.getYear(); // 获取年份。
	s += d.getMonth() + 1; // 获取月份。
	s += d.getDate(); // 获取日。
	s += d.getHours(); // 获取小时。
	s += d.getMinutes(); // 获取分钟。
	s += d.getSeconds(); // 获取秒数。
	url = "todayOnHistory_Proxy.asp?tempVar=" + s;
	http_request.onreadystatechange = alertContents;
	http_request.open("GET", url, true);
	http_request.send(null);
}

function alertContents()
{
	if (http_request.readyState == 4)
	{
		if (http_request.status == 200)
		{
			document.getElementById("historyText").innerHTML = http_request.responseText;
		}
		else
		{
			document.getElementById("historyText").innerHTML = "数据读取失败！";
		}
	}
}
&lt;/script&gt;
&lt;style type="text/css"&gt;
body,td{font-size:14px;color:#000000;}
a:link,a:visited{font-size:14px;color:#000000; text-decoration:underline}
a:hover{font-size:14px;color:#0046D5; text-decoration:underline}
.style22{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #DEDEB8;
background-color: #FDFFF2
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body onload="makeRequest()"&gt;
&lt;fieldset style="width:400px"&gt;
	&lt;legend&gt;Today on history:&lt;/legend&gt;
	&lt;div id="historyText" style="padding:10px"&gt;
	&lt;/div&gt;
&lt;/fieldset&gt;
&lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>Ajax应用：异步获取历史上的今天</title>

//Ajax远程获取滚动条样式

var http_request = false;

function makeRequest(url)

{

http_request = false;

//Loading提示：

document.getElementById("historyText").innerHTML = "正在读取…";

if (window.XMLHttpRequest)

{ // Mozilla, Safari,...

http_request = new XMLHttpRequest();

if (http_request.overrideMimeType)

{

http_request.overrideMimeType("text/xml");

}

else if (window.ActiveXObject)

{ // IE

try

{

http_request = new ActiveXObject("Msxml2.XMLHTTP");

}

catch (e)

{

try

{

http_request = new ActiveXObject("Microsoft.XMLHTTP");

}

catch (e)

{}

}

if (!http_request)

{

document.getElementById("historyText").innerHTML = "无法创建XMLHTTP实例！";

//alert("Giving up :( Cannot create an XMLHTTP instance");

return false;

}

d = new Date(); // 创建 Date 对象。

s = "temp";

s += d.getYear(); // 获取年份。

s += d.getMonth() + 1; // 获取月份。

s += d.getDate(); // 获取日。

s += d.getHours(); // 获取小时。

s += d.getMinutes(); // 获取分钟。

s += d.getSeconds(); // 获取秒数。

url = "todayOnHistory_Proxy.asp?tempVar=" + s;

http_request.onreadystatechange = alertContents;

http_request.open("GET", url, true);

http_request.send(null);

}

function alertContents()

{

if (http_request.readyState == 4)

{

if (http_request.status == 200)

{

document.getElementById("historyText").innerHTML = http_request.responseText;

}

else

{

document.getElementById("historyText").innerHTML = "数据读取失败！";

}

</script>

body,td{font-size:14px;color:#000000;}

a:link,a:visited{font-size:14px;color:#000000; text-decoration:underline}

a:hover{font-size:14px;color:#0046D5; text-decoration:underline}

.style22{

width: 800px;

height: 100px;

margin: 0px auto;

margin-bottom:20px;

border:1px solid #DEDEB8;

background-color: #FDFFF2

}

</style>

</head>

<legend>Today on history:</legend>

</div>

</fieldset>

</body>

</html>

一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

发表回复 取消回复

相关文章

发表回复取消回复