首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

Ajax入门范例-HelloWorld附源码详细注释

2012-09-05 
Ajax入门实例----HelloWorld附源码详细注释Ajax是什么?Asynchronous Javascript And Xml. 异步的Javascrip

Ajax入门实例----HelloWorld附源码详细注释

Ajax是什么?

Asynchronous Javascript And Xml. 异步的Javascript和Xml。
Ajax是一种在网络应用中实现异步通讯和数据交换的技术。
Ajax并没有新的技术,只是老技术的整合,包括Javascript,XHTML,CSS,XML,DOM,XSLT和XMLHttpRequest等,使其实现更多的功能。

Ajax能干什么?

1. 无更新刷新页面。
2. 按需获取数据,减轻服务器负担。
3. 可以实现富客户端。
4. 基于标准和广泛使用的技术。
5. 进一步实现页面和逻辑分离。
6. 使用户获得连续的、动态的体验。

Ajax的使用中关键是XMLHttpRequest。

Ajax之创建HelloWorld步骤:

1. 初始化XMLHttpRequest对象:
用javascript标签包围。
IE是new ActiveXObject(*);
Firefox是new XMLHttpRequest();


3. XMLHttpRequest对象的方法:

Ajax入门范例-HelloWorld附源码详细注释

4. 指定响应处理函数:
就是指定对象的onreadystatechange属性。

//调用完服务端后执行的回调方法. 实现无刷新更新页面function myDeal(){if(req.readyState==4){//1.  接受服务端返回的数据var ret = req.responseText;//返回数据类型是文本//2. 处理( 这部分以下内容就与Ajax无关了 )document.all("myDiv").innerHTML = ret; //将服务器返回的结构添加到网页}}


源码下载:http://download.csdn.net/detail/xn4545945/4511692

( 源码请在IE下运行)


转载请注明出处 http://blog.csdn.net/xn4545945

个人微博:http://weibo.com/xuneng007



热点排行