拷贝网上代码。启动iis 输入http://localhost/a.html然后点击按钮
a.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>兼容多浏览器的AJAX入门实例（超详细注释）</title>
<script type="text/javascript">
<!--
//Ajax是建立在XMLHttp组件下的技术，本例详细语法参考压缩包内xmlhttp手册
var xmlHttp
//建立XMLHTTP对象调用MS的ActiveXObject方法，如果成功（IE浏览器）则使用MS ActiveX实例化创建一个XMLHTTP对象 非IE则转用建立一个本地Javascript对象的XMLHttp对象 （此方法确保不同浏览器下对AJAX的支持）
function createXMLHttp(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
//建立主过程
function startXMLHttp(){
alert("send");
createXMLHttp(); //建立xmlHttp 对象
xmlHttp.onreadystatechange =dodo; //xmlHttp下的onreadystatechange方法 控制传送过程
xmlHttp.open("get","1.asp",true); //传送方式 读取的页面 异步与否
xmlHttp.send(); //发送
}
function dodo(){
if(xmlHttp.readystate==4){ // xmlHttp下的readystate方法 4表示传送完毕
alert("safasdf")
if(xmlHttp.status==200){ // xmlHttp的status方法读取状态（服务器HTTP状态码） 200对应OK 404对应Not Found（未找到）等
document.getElementById("content").innerHTML=xmlHttp.responseText //xmlHttp的responseText方法 得到读取页数据
alert("safasdf")
}
}
}
-->
</script>
</head>
<body>
<span id="content">替换内容</span><br>
<input type="button" onclick="javascript:startXMLHttp()" value="AJAX获取"/>
</body>
</html>
<%
'-------------------------------------------
'//禁止缓存该页 让AJAX读取该页始终为最新而非过期缓存页
Response.Expires = 0
Response.Expiresabsolute = Now() - 1
Response.AddHeader "pragma","no-cache"
Response.AddHeader "cache-control","private"
Response.CacheControl = "no-cache"
'-------------------------------------------
'response.Charset="GB2312" '//数据返回的编码类型 显示中文数据必须
'-------------------------------------------
response.Write(now())'//得到当前时间
%>
分享到：
相关推荐
博文链接：https://fuhao9611.iteye.com/blog/72110
第一个可能是用来设置和发送Ajax请求的，而第二个可能用于处理服务器返回的数据。通常，发送Ajax请求的过程包括以下几步： 1. **初始化XMLHttpRequest对象**：`var xhr = new XMLHttpRequest();` 2. **配置请求**...
这可以通过监听第一个下拉框的change事件，然后发送Ajax请求获取新的选项数据，最后更新第二个下拉框。自动补全功能常用于输入框，当用户输入时，后台会返回匹配的建议列表。这通常结合keyup事件和$.ajax()实现，...
【标题】"C# 写的一个 Ajax的例子"揭示了这个项目是使用C#编程语言实现的一个基于Ajax技术的示例。Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术，提高了用户...
2. 编写JavaScript代码，监听第一个下拉列表的改变事件。 3. 当用户选择了一个省份，触发Ajax请求，发送省ID到服务器。 4. 服务器根据省ID查询对应的市数据，并返回。 5. 客户端接收到市数据后，清空第二个下拉列表...
第一个小例子是“小例子_自动刷新”。这个例子展示了如何使用Ajax实现实时数据刷新。在传统的网页中，如果要更新页面内容，通常需要整个页面重新加载。而使用Ajax，我们可以只更新需要变化的部分，比如一个新闻列表...
Ajax技术可以提供高度交互的Web应用，给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术，主要内容包括...这一过程将乐趣无穷，我们衷心地希望，有一天能看到你开发的基于Ajax的一流应用!
- `ajaxchat2`可能是对第一个示例的改进，可能加入了错误处理、优化的用户体验或者更复杂的聊天功能。 通过这个AJAX聊天室例子，你可以理解到AJAX如何与服务器进行数据交换，以及如何在客户端实时更新内容。同时，...
当用户在第一个下拉列表中做出选择时，第二个下拉列表将自动更新；接着，当第二个下拉列表被选中时，第三个下拉列表也会相应地更新。这一过程都是通过 Ajax 技术在后台默默地完成的，用户无须等待整个页面刷新。 ...
在这个"第一个spring例子"中，我们将探讨如何创建一个简单的Spring应用，它包含了client和server两部分，这通常意味着我们将构建一个客户端-服务器架构的应用。为了运行此示例，你需要安装MySQL数据库服务和Apache ...
【标题】"ajax 例子demo(protype)"是一个关于使用AJAX技术实现动态页面更新的示例项目，其中可能包含了对JavaScript原型（protype）概念的应用。这个项目旨在帮助开发者理解和学习如何利用AJAX来增强用户体验，减少...
这个"很实用的Ajax例子"应该包含了一些基础到进阶的Ajax应用示例，非常适合初学者学习和理解Ajax的工作原理。 Ajax的核心是通过JavaScript与服务器进行异步通信，它允许网页在后台与服务器交换数据并局部更新页面，...
在本主题中，我们将深入探讨Ajax实战第四章中的例子，特别是如何使用jQuery来实现一个功能丰富的AJAX插件。AJAX（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下，与服务器交换数据并更新部分...
例如，初次加载时，第一个Tab应该显示其内容，其他Tab的内容应被隐藏。 通过以上步骤，你可以创建一个具有Ajax加载和滑动门效果的Tab页。这个小例子可以帮助你理解如何结合Ajax、JavaScript库和前端设计技巧来提升...
首先，我们来看第一个例子——输入自动提示。这个功能广泛应用于搜索框，当用户在输入框中键入字符时，系统会根据已输入的部分文本，动态地从后台数据库中检索匹配的数据并显示为提示列表。实现这个功能的关键在于...
在最简单的Ajax例子中，通常会涉及以下几个关键组成部分： 1. **创建XMLHttpRequest对象**：这是Ajax的核心，它负责与服务器进行通信。在JavaScript中，几乎所有的浏览器都内置了XMLHttpRequest对象。如果需要跨域...
- AJAX的核心是通过XMLHttpRequest对象与服务器进行异步通信，创建这个对象是第一步。 - XMLHttpRequest提供了send()方法来发送HTTP请求，以及onreadystatechange事件来监听服务器的响应状态。 2. **文件上传**：...
DWR3是DWR框架的第三个主要版本，它提供了一种高效、安全的方式，使JavaScript可以直接调用服务器端的Java方法。这种“反转Ajax”概念的核心在于，它不再需要传统的Ajax请求模式，即通过XMLHttpRequest对象手动构造...