Ajax

最新推荐文章于 2025-09-09 08:37:13 发布

weixin_30439131

最新推荐文章于 2025-09-09 08:37:13 发布

阅读量45

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/changweihua/archive/2012/06/12/2545997.html

本文详细介绍Ajax的工作原理和技术组成，包括JavaScript、DOM、CSS及XMLHttpRequest的应用。同时讲解了XMLHttpRequest的状态属性、返回数据类型及如何防止缓存等实用技巧。

1、Ajax (Asynchronous JavaScript And XML)
　　Ajax不仅仅包含JavaScript和XML两项内容，还包括CSS样式表、XMLHttpRequest数据交换对象和DOM文档对象
　　JavaScript
　　　　Ajax的主要开发语言
　　DOM文档对象
　　　　包含HTML DOM 和 XML DOM
　　CSS样式表
　　　　用户界面的样式可以通过CSS定义或修改
　　XMLHttpRequest数据交换对象
　　　　允许以异步的方式从服务端获取数据以及想服务器端发送数据
2、

 1 function createXMLHttpRequest()
 2 {
 3     if(window.ActiveXObject)
 4     {
 5         //IE
 6         return new ActiveXObject("Microsoft.XMLHTTP");
 7     }
 8      else if(window.XMLHttpRequest)//not IE
 9      {
10          return new XMLHttpRequest();
11      }
12 }
13 
14 var xhr;
15 function userExist(loginId)
16 {
17    if(loginId != "")
18    { 
19         var url = "";
20         xhr = createXMLHttpRequest();
21         xhr.onreadystatechage = readydo;
22         xhr.open("GET",url,true);
23         xhr.send(null);
24    }
25 }
26 
27 function readyDo()
28 {
29     if(xhr.readyState == 4 && xhr.status == 200)
30     {
31         var result = xhr.responseText;
32         if(result == "true")
33         {/*返回结果处理*/}
34     }
35 }

3、XMLHttpRequest状态属性

readyState	0	未初始化，即对象已经建立，尚未调用open()方法
	1	初始化，即对象已经建立，尚未调用send()方法
	2	发送数据，即send()方法已经调用，当前状态和HTTP头未知
	3	数据传送这，即已经接收部分数据，但数据不全
	4	数据接收完毕
status	200	正确返回
	404	找不到访问对象

4、XMLHttpRequest返回数据类型
　　responseText：将返回的详细作为文本字符串
　　responseXML：将返回消息视为XML文档，在服务器响应消息这含有XML数据时使用
　　responseStream：将返回消息视为Stream

５、防止缓存
　　在服务器端输出时，添加Response.Cache.SetNoStore();
　　在客户端发出请求之前给XMLHttpRequest添加属性，XMLHttpRequest.setRequestHeader("If_Modified-Since","0");

6、服务器断输出XML格式数据
　　

1 XmlSerializer serializer = new XmlSerializer(instanceName.GetType);
2 XmlWriter writer = new XmlTextWriter(context.Response.OutputStream,Encoding.UTF8);
3 serializer.Serialize(writer,instanceName);

7、XMLSerializer类负责将对象序列化到XML文档和从XML文档中反序列化对象
　　XMLWriter是一个抽象基类，提供只进、只写和非缓存方式生成XML流

8、使用XMLDocument对象
　　创建new ActiveXObject("Microsoft.XMLDOM");
　　查找节点
　　　　getElementByTagName()方法：用来获取指定结点名的节点对象集合，参数为节点名称字符串
　　　　selectStringNode()方法：用来获取符合条件的单个节点对象，它的参数为XPath表达式
　　　　selectNode()方法：用来获取符合条件的节点对象集合，它的参数同样为XPath表达式
　　访问节点对象的信息
　　　　getAttribute()方法：通过它可以获取节点属性值，它的参数为节点属性名称
　　　　text属性：通过它可以获取节点内部的文本
　　　　childNodes属性：通过它可以获取当前节点的子节点对象集合
　　　　firstChild属性：通过它可以获取当前节点对象的第一个子节点对象
　　　　lastChild属性：通过它可以获取当前节点对象的最后一个子节点对象
　　　　parentChild属性：通过它可以获取当前节点对象的父节点

转载于:https://www.cnblogs.com/changweihua/archive/2012/06/12/2545997.html