欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP教程:关于AJAX一个简单的例子

程序员文章站 2022-05-23 09:14:12
asp教程:关于ajax一个简单的例子 index.:程序代码

asp教程:关于ajax一个简单的例子

index.:
程序代码

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>ajax简单应用</title>
<script language="javascript">
//创建xmlhttprequest对象
var request = false;
try {
 request = new xmlhttprequest();
} catch (trymicrosoft) {
 try {
 request = new activexobject("msxml2.xmlhttp");
 } catch (othermicrosoft) {
 try {
 request = new activexobject("microsoft.xmlhttp");
 } catch (failed) {
 request = false;
 }
 }
}
if (!request)alert("error initializing xmlhttprequest!");
//获取信息
function getinfo() {
 var url = "info.asp?id=" + math.random();
 request.open("get", url, true);
 request.onreadystatechange = updatepage;
 request.send(null);
}
//更新页面
function updatepage() {
 if (request.readystate == 4) {
 if (request.status == 200) {
 var response = request.responsetext;
 document.getelementbyid("p1").innertext = response;
 }else if(request.status == 404) {
 alert ("requested url is not found.");
 } else if (request.status == 403) {
 alert("access denied.");
 } else
 alert("status is " + request.status);
 }
}
</script>
</head>
<body>
<input name="btn" type="button" id="btn" value="获取" onclick="getinfo();" />
<p id="p1">此处显示新 div 标签的内容</p>
</body>
</html>

info.asp:
程序代码

<%
response.charset = "gb2312" 不设置中文会乱码
dim i,arr(9)
arr(0) = "随机信息000000000000000000"
arr(1) = "随机信息111111111111111111"
arr(2) = "随机信息222222222222222222"
arr(3) = "随机信息333333333333333333"
arr(4) = "随机信息444444444444444444"
arr(5) = "随机信息555555555555555555"
arr(6) = "随机信息666666666666666666"
arr(7) = "随机信息777777777777777777"
arr(8) = "随机信息888888888888888888"
arr(9) = "随机信息999999999999999999"
randomize
i = int(10*rnd())
response.write arr(i)
%>

说明:ajax对服务器返回的结果没有格式上的要求,只需将结果用"response.write"输出即可。