复习大纲ajax.docVIP

第一章：Web 2.0与Ajax 1、掌握Ajax 技术的原理 (Ajax技术是JavaScript DOM XML等技术的综合体，通过XMLHttpRequest和服务端交互。Js dom css XMLHttpRequest (Ajax原理简单来说就是通过XMLHttpRequest对象来向服务器发送异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面(数据格式) 2、会编写Ajax 服务器端程序 (服务器端处理程序：aspx,ashx。为客户端程序提供调用的基础。 3、会使用JavaScript 编写Ajax 客户端程序 (使用XMLHttpRequest的步骤： 创建XMLHttpRequest对象 设置回调函数。 初始化XMLHttpRequest对象 open() 向服务器发送请求 send() 接收返回数据，根据返回数据进行处理。 (使用XMLHttpRequest的onreadystatechange属性设置回调函数。 (XMLHttpRequest的状态属性：readyState:0 1 2 3 4 status: 200 (使用POST提交数据： (1) 服务端用Request.Form获取提交数据 (2)客户端使用send(参数)方法发送数据，该参数的数据会作为请求体的一部分传送到目标URL。 (3)设置请求头部信息方法：setRequestHeader(),以便于使用Request.Form[]获取到提交的数据。 XMLHttpRequest.setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”); (解决get方法IE缓存方法： 法一：服务端： Response.Cache.SetNoStore(); 法二：客户端： 设置http请求头的IMS标签： XMLHttpRequest.SetRequestHeader(“if-Modified-Since”,”0”); 或：XMLHttpRequest.SetRequestHeader(“Cache-Control”,”no-cache”); 第二章：异步处理数据： 1、掌握客户端XMLDocument 对象的使用 (将实体对象序列化为XmlWriter对象：XmlSerializer和XmlTextWriter结合使用。 (创建XmlDocument对象：new ActiveXObject(“Microsoft.XMLDOM”); （1）使用XmlDocument对象加载XML数据： Load(“xml文件名”); loadXML(“xml字符串”); （2）async属性 （3）readyState属性 0 1 2 3 4 （4）onreadystatechange事件 (XmlDocument操作节点 （1）从XmlDocument中获取节点对象 getElementsByTagName()方法: SelectSingleNode()方法 SelectNodes()方法 （2）访问节点信息： getAttribute()方法 text属性 childNodes属性 firstChild属性 lastChild属性 parentNode属性 (通过XMLHttpRequest对象的responseXML属性得到XMLDocument对象。 会编写使用XML 格式传输数据的Ajax程序 2、掌握JSON 的基本用法 (JSON数据格式: (1)采用“名称/值”对的集合来表示数据 (2)以{开始，以}结束 (3)每个“名称”和“值”之间用 ：分隔。 (4)各“名称/值”对之间用“，”分隔。 (5)json数据可以直接表示为数组（集合）形式：如果“值”是集合或数组，则以[开始，以]结束，集合中的值用 ，分隔。 (6)json值可以是：数字（整数或浮点数） 字符串（双引号） 逻辑值（true或false） 数组（方括号） 对象（花括号） null (.net服务器端将C#对象序列化为JSON对象 using System.Web.Script.Serialization JavaScriptSerializer类的Serialize()方法来执行序列化 会编写使用JSON 格式传输数据的Ajax程序 第四章、初识jQuery 1、使用jQuery 框架