使用AJAX的一个简单的例子
发布时间：2007-09-21 17:55:00
标签：ajax,asp
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"输出即可。
推荐阅读：
0
投稿猜你喜欢
话说网站首页是用.NET语言写的，而二级栏目页却是用ASP写的，然后再配上众多全手工的静态专题页，整个网站形成了一个大杂烩。想要在这大杂烩中- 【1】 以XML 返回 （1）未定义属性的 select logisticsId,logisticsName from LogisticsC
- Javascript有没有内存泄露？如果有，如何避免？鉴于最近有好几个人问到我类似的问题，看来大家对这部分内容还没有系统的研究过，因此，打算
- 在本机运行含有JavaScript代码的网页时（比如Google AD代码），IE浏览器会产生一个警告。这个“警告”确实很烦人，开始时还会误
- YUI Compressor 压缩 JavaScript 的内容包括：移除注释移除额外的空格细微优化标识符替换（Identifier Rep
- Aptana IDE现在已经被重命名为Aptana Studio，这款IDE的背后有着风险投资的支持，旨在给Web开发者
- js运行效果，含公历农历，生肖及节日的javascript日历代码：<html><head><meta htt
- 决定数据类型的第一步是定义所存数数据的分类： 数值型， 字符串型还是临时型等;除了一些特别的并不是那么直观的外， 这通常是很直观的。接下来是
- 相关验证码文章：asp制作验证码的方法 轩魂ASP中文验证码下载 先产生一个4位数的随机码源代码：ychar="0,1,2,3,4
- 相信很多与页面打过交道的同学都对 Yahoo 的 Best Practices for Speeding Up Your Web Site
- 1，WITH TEMPLET意思是，生成的页面架构将采用某个已设定的模板，在此之前我的一篇教程中介绍过，希望各位在看本教程之前对ASP采用模
- 目前，各大搜索引擎如google、百度、雅虎已经对动态页面诸如asp，php有着不错的支持了，只要动态页面后面的参数不要太长，如控制在3个参
- 大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况
- 阅读上一篇：交互设计模式(二)-Pagination(分页,标记页数) Tagging(标签)问题摘要用户往往想通过流行或最详尽的主题来浏览
- 段正淳的css笔记（1）分类之间的横竖线：试想过总结出这几年来写css与xhtml的经验 ，汇总成一片”旷世奇文”分享给大家。无奈寡人年世已
- 客户端程序编写免不了经常接触XMLHttpRequest对象。微软的XHR实现的progid又是一串一串的。 烦人。抽一个中午时间，找了找资
- 1、from子句组装来自不同数据源的数据； 2、where子句基于指定的条件对记录行进行筛选； 3、group&nb
- MYSQL数据库以它短小、方便、速度快、免费等优点成为很多网站目前首选数据库，但一般都是用PHP+MYSQL相结合来开发各种动态页面，其实A
- 这个分页使用的是0游标，也就是Rs.Open Sql,Conn,0,1。但是感觉也快不了多少，10万条数据的分页时间300多豪秒之间。代码如
- 将来电脑的大显示屏会越来越普及，并且从现在web设计作品中能观察到两点趋势：页面布局普遍更宽；页面内容文字普遍更大。使用1280×800和1
