Ajax知识点.docVIP

Ajax实例详解 1、一句话：将javascript中的一个特殊对象XMLHtmlRequest与javascript事件以及动态的html结合起来使用。 2、客户端的执行流程： ①首先、创建XHR对象；然后向服务器发送请求；接着对服务器返回的响应做出解析. ②建立一个对服务器的调用所需要的基本信息： 服务器资源的url http请求的方法 服务器资源所需的参数 一个js函数，对返回的结果进行解析 所以我们这里用open方法来产生对服务器的请求。三个方法重载： open(http_method,url) open(http_method,url,asynchronous) open(http_method,url,asynchronous,userid,password)//连接需要用户名和密码的服务器。Asynchronous为true表示异步通信，后台运行；同步请求会阻塞所有用户的请求直到响应返回所以我们通常使用异步。 ③指定一个回调函数来接收服务器的响应。 xhr.onreadystatechange = 函数名；传递的是一个函数的引用（后面无括号） ④执行send调用，可以用于发送那些不是由URL指定的参数；唯一的参数就是要在请求主题中发送的附加数据，get一般为空，post才附加。 请求所在的生命周期： 值 状态 描述 0 Uninitialized 尚未调用open 1 Loding 已经执行open 2 Loaded 已经执行send 3 Interactive 服务器返回数据块 4 Complete 请求完成，服务器数据发送完毕 ⑤所以我们只需检测readystate的值是否是4；还有一个status属性，包含请求的http状态，如果在200——299之间表正常。通常我们取200 function 回调函数() { If(Xhr.readystate==4) { If(xhr.status==200) { 获取响应 responseText/responseXML } } } 3、使用框架简化Ajax（prototype,Jquery） 4、get和post请求： Get：如果请求是幂等的，多个请求返回相同的结果； Post:当改变服务器上的状态；额外添加如下设置： xmlhttp.setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”); 5、问什么把时间戳放在url后面？timestamp=”+new Date().getTime(); 答：有些浏览器会把多个XMLHttpRequest请求的结果缓存在统一个URL,如果对每个请求的响应不同，这就会带来不好的结果，为了保证url的唯一性，从而避免缓存结果冲突。 2014年4月18日 10:41:35 Ajax：Asynchronous JavaScript and xml 瞬态（transient）和独占（sovereign） Ajax的四个基本原则： 浏览器中的是应用不是内容 服务器交互的是数据而不是内容 用户交互变得流畅而连续 有纪律的严肃编程 全面理解Http的状态代码、就绪状态、XmlHttpRequest 如下问题： 是否浏览器只是读取HTML中的文本并将其显示 CSS呢？尤其是当CSS位于外部文件时 JavaScipt呢？它也通常位于外部文件中 浏览器如何处理这些项，如何将事件处理程序、函数和样式映射到该文本标记？ 你控制的不是哪些现实效果、字体大小，因为用户可以通过浏览器限制它们。你绝对控制的是页面的结构，牢记您的标记只为您的页面提供组织、框架，您就能立于不败之地。 通过使用对象来表示HTML文档的每一部分，可以很容易的更改组织、应用样式、允许javascript访问文档。 HTML中的元素用Element对象类型表示。文档中的文本用Text类型表示，属性用Attribute类型表示，以此类推。 DOM中一切皆是节点：进一步划分为：元素节点、属性节点、文本节点等等。这三种是最常用的。我们创建节点的时候会自动加上结尾（闭合的标签）;DOM的核心是与语言无关的的API,可以用任何语言实现， DOM HTML对象及其属性 id,title,lang,dir,className(class); 1、在DOM规范发布之前，浏览器已经以不同的形式实现了BOM,有些专用，有些不是，为了与这些之前的工作保持向后兼容，W3C还发布了DOM API的一个自定义子集：DOM HTML API. DOM HTML API是面向对象的、层次结构的Web页面视图，它提供了一些映射到HTML元素的对象：针对document的HTMLDocumentEle