第一个 Ajax 入门实例 - zhangziyangup - ITeye博客

`

zhangziyangup

浏览: 1076173 次

最近访客更多访客>>

u012363178

winting

aosp

真新镇的小智

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

全部博客 (1434)

社区版块

存档分类

2012-07 ( 149)
2012-06 ( 33)
2012-05 ( 45)
更多存档...

最新评论

shunyang218：图刷不出来，有点可惜了。
android facebook twitter开发与 OAUTH
whoshaofeng： eval('('+str+')') 为什么加 '('
JSON那些事
ileson：可否把代码贴出来、研究一下。
分享几个超级震憾的图片特效

第一个 Ajax 入门实例

阅读更多

<html>
	<head>
    	<title>Ajax</title>
        <script language="javascript">
			var xmlHttp; // 定义一个全局变量 xmlHttp
			
			// 创建 XMLHttpRequest 对象
			function createXMLHttpRequest() {
				if (window.ActiveXObject) {
					xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); // IE
				} else if (window.XMLHttpRequest) {
					xmlHttp = new XMLHttpRequest();	// XMLHttpRequest
				}
			}
			
			function startRequest() {
				createXMLHttpRequest();	// 创建 XMLHttpRequest
				var url = 'index.php?' + new Date().getTime();	// 异步传输到的页面 index.php，后面加 new Date().getTime()，是为了消除 IE 的缓存
				xmlHttp.open('GET', url, true);	 // open() 方法发送一个异步请求
				// 属性变化了就会触发 onreadystatechange 事件
				xmlHttp.onreadystatechange = function() {
					// 如果请求的状态等于4（接受成功），并且服务器返回的 HTTP 响应值为200（请求成功）
					if (xmlHttp.readyState==4 && xmlHttp.status==200) {
						// 弹出服务器返回的文本
						alert('服务器返回：' + xmlHttp.responseText);
					}
				}
				xmlHttp.send(null);
			}
		</script>
    </head>
    <body>
		<input type="button" value="异步通讯" onClick="startRequest();" />
     </body>
</html>

index.php

实例结果图：

（Opera）（Firefox）（IE）

分享到：

SSI - 服务器端嵌入 | android广播实现短信和开机自动启动activi ...

2011-12-26 22:48
浏览 720
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

PHP从入门到精通.pdf-入门教程.CHM: 《PHP从入门到精通》从初学者角度出发，通过通俗易懂的语言，丰富多彩的实例，详细介绍了使用PHP进行网络开发应该掌握的各方面技术。全书共分27章，包括初识．PHP、PHP环境搭建和开发工具、PHP语言基础、流程控制...

ASP.NET从入门到精通: 第一篇 .NET基础第1章认识 ASP.NET 3.5 第2章 C# 3.0 程序设计基础第3章面向对象设计基础第4章 ASP.NET 的网页代码模型及生命周期第二篇 ASP.NET窗体控件第5章 Web 窗体的基本控件第6章 Web 窗体的高级控件 ...

PHP从入门到精通第二版: 2.5 第一个PHP实例 2.6 小结 2.7 练习与实践第3章 PHP语言基础视频讲解：47分钟 3.1 PHP标记风格 3.2 PHP注释的应用 3.3 PHP的数据类型 3.4 PHP常量 3.5 PHP变量 3.6 PHP运算符 3.7 PHP的表达式 3.8 PHP函数 3.9 ...

JAVA上百实例源码以及开源项目: 　当用户发送第一次请求的时候，验证用户登录，创建一个该qq号和服务器端保持通讯连接得线程，启动该通讯线程，通讯完毕，关闭Scoket。　QQ客户端登录界面，中部有三个JPanel,有一个叫选项卡窗口管理。还可以更新...

JAVA上百实例源码以及开源项目源代码: 　当用户发送第一次请求的时候，验证用户登录，创建一个该qq号和服务器端保持通讯连接得线程，启动该通讯线程，通讯完毕，关闭Scoket。　QQ客户端登录界面，中部有三个JPanel,有一个叫选项卡窗口管理。还可以更新...

jQuery实例源码第一季: jQuery初学实例代码集，很多的示例，包括一些弹出信息框、无刷新提交、更改字体、颜色选择器、下拉列表操作、无刷新读取数据数据库、层收缩和弹出、一些鼠标特效、导步获取数据、无刷新更改样式表、表格颜色控件等，...

PHP 7从入门到精通(视频教学版)第一部分: PHP7最新入门学习书籍，2016年12月出版。附书中自带的视频代码学习资料,PHP是一种*流行的通用脚本语言，特别适合于Web开发。 PHP快速、灵活、务实，广泛运用在大中小型网站的开发上。本书以零基础讲解为宗旨，以...

Ajax开始准备入门篇: 我很开心您来阅读我写的关于ajax的实例教程,无论您是第一次还是老朋友.我将在这里献上我至今所学,并毫不吝啬。

ASP.NET3.5从入门到精通: 第一篇 .NET基础第 1 章认识 ASP.NET 3.5 1.1 什么是ASP.NET 1.1.1 .NET 历史与展望 1.1.2 ASP.NET 与ASP 1.1.3 ASP.NET 开发工具 1.1.4 ASP.NET 客户端 1.1.5 ASP.NET 3.5 新增控件 1.1.6 ASP.NET 3.5 AJAX 1.2 ...

Java Web开发入门很简单源代码: 第1篇为准备篇，主要为Java Web开发概述，并手把手带领读者一块搭建Java Web开发环境；第2篇为基础篇，主要介绍HTML、CSS、JavaScript、Servlet、JSP和JavaBean等Java Web开发所需的基础知识，并对这些基础知识进行...

PHP 7从入门到精通(视频教学版)第二部分: PHP7最新入门学习书籍，2016年12月出版。附书中自带的视频代码学习资料,PHP是一种*流行的通用脚本语言，特别适合于Web开发。 PHP快速、灵活、务实，广泛运用在大中小型网站的开发上。本书以零基础讲解为宗旨，以...

《Java-Web应用开发基础》教学课件08课程设计实例.pptx: 模块8 课程设计实例 02 08 《Java-Web应用开发基础》教学课件08课程设计实例全文共73页，当前为第1页。知识目标了解MVC设计模式的基本内容及其作用。了解Servlet过滤器的基本结构及其设计方法。掌握用MVC设计...

新编ASP.NET从入门到精通(1DVD)(双色印刷）源码: 全书共分为5篇，第1篇为入门篇，主要介绍ASP.NET入门、C#语言入门和ASP.NET网站开发入门；第2篇为开发篇，主要介绍ASP.NET Web常用控件、网页样式与布局设计——CSS+DIV、网页美化技术、网站的上传、打包与安装；第3...

《精通CSS+DIV网页样式与布局》光盘源码: 　15.2　Ajax入门　15.3　Ajax实例：能够自由拖动布局区域的网页　第4部分　综合案例篇　第16章　我的博客　　16.1　分析构架　　16.2　模块拆分　　16.3　整体调整　　第17章　小型工作室网站　　17.1　...

精通CSS+DIV网页样式与布局Part1: 　15.2　Ajax入门　15.3　Ajax实例：能够自由拖动布局区域的网页　第4部分　综合案例篇　第16章　我的博客　　16.1　分析构架　　16.2　模块拆分　　16.3　整体调整　　第17章　小型工作室网站　　17.1　...

精通CSS.DIV.网页样式与布局源码: 　15.2　Ajax入门　15.3　Ajax实例：能够自由拖动布局区域的网页　第4部分　综合案例篇　第16章　我的博客　　16.1　分析构架　　16.2　模块拆分　　16.3　整体调整　　第17章　小型工作室网站　　...

精通CSS+DIV网页样式与布局: 　15.2　Ajax入门　15.3　Ajax实例：能够自由拖动布局区域的网页　第4部分　综合案例篇　第16章　我的博客　　16.1　分析构架　　16.2　模块拆分　　16.3　整体调整　　第17章　小型工作室网站　　17.1　...

精通CSS.DIV网页样式与布局视频01: 　15.2　Ajax入门　15.3　Ajax实例：能够自由拖动布局区域的网页　第4部分　综合案例篇　第16章　我的博客　　16.1　分析构架　　16.2　模块拆分　　16.3　整体调整　　第17章　小型工作室网站　　17.1　...

Java Web编程宝典－十年典藏版.pdf.part2(共2个): 共24章，其中，第1篇为技能学习篇，主要包括Java Web开发环境、JSP语法、JSP内置对象、Java Bean技术、Servlet技术、EL与JSTL标签库、数据库应用开发、初识Struts2基础、揭密Struts2高级技术、Hib锄劬e技术入门、...

Global site tag (gtag.js) - Google Analytics