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();
- varreq=null;
-
- req=newActiveXObject("Microsoft.XMLHTTP");
2. XMLHttpRequest对象属性: 各个属性要知道。
3. XMLHttpRequest对象的方法:
4. 指定响应处理函数: 就是指定对象的onreadystatechange属性。
copy
req.onreadystatechange=myDeal;
-
-
- //调用完服务端后执行的回调方法.实现无刷新更新页面
- functionmyDeal()
- {
- if(req.readyState==4)
-
- varret=req.responseText;
- //2.处理(这部分以下内容就与Ajax无关了)
- document.all("myDiv").innerHTML=ret;
- }
- }
5. 发出Http请求: 调用对象的open方法。 调用send方法。
copy
req.open("GET","server.jsp?id="+id+"&name="+name,"false");
- req.send(null);
6. 处理服务器返回的信息: 根据readyState的值来获取信息。
copy
//调用完服务端后执行的回调方法.实现无刷新更新页面
- functionmyDeal()
- {
- if(req.readyState==4)
- //1.接受服务端返回的数据
- //返回数据类型是文本
- //2.处理(这部分以下内容就与Ajax无关了)
- document.all("myDiv").innerHTML=ret;
- }
- }
源码下载:http://download.csdn.net/detail/xn4545945/4511692
( 源码请在IE下运行) (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|