您当前的位置: 首页 > 网站编程 > ASP教程 > ASP教程:关于AJAX一个简单的例子

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

作者:guanchaofeng 来源:不详 发布时间: 2009-03-23 14:21 点击:
ASP教程:关于AJAX一个简单的例子 Index.asp: 程序代码 html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titleAJAX简单应用/title script language="javascript" //创建XMLHttpRequest对象 var request = false; try { re

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

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

Index.asp:
程序代码

<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("div1").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();" />
<div id="div1">此处显示新 Div 标签的内容</div>
</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"输出即可。

分享到:
本文"ASP教程:关于AJAX一个简单的例子"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4