资源描述：
《ajax基本原理(必读)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、第16讲一．认识AjaxAjax(AsynchronousJavaScriptandXML,即JavaScript和XML)是一个相对较新的名字.1.Ajax的基本概念用户在浏览网页的时候,无论是打开一段新的评论,还是填写一张调查问卷,都需要反复与服务器进行交互,但是传统的Web应用采用同步交互形式,即用户向服务器发送一个请求,然后Web服务器根据用户的请求执行相应的任务,并返回结果.这是一种十分不连贯的运行模式,常常需要长时间按的等待以及整个页面的刷新,即通常所说的”白屏”现象,而且是整个页面的刷新,这就增加了用户等待时间,数据重复传递也浪费了
2、大量的资源和网络带宽,而Ajax采用的是异步处理,可以更新局部的内容.优点:(1)减轻服务器的负担,加快浏览速度.(2)带来更好的用户体验,传统是白屏现象很不友好,后者采用的局部刷新,使用户感觉是在使用桌面应用程序一样(3)基于标准化,并被广泛的支持的技术,不需要下载插件(flash)或小程序.（RIA）(4)进一步呈现与数据分离,Ajax获取服务器可以完全利用单独的模块进行操作,从而使得技术人员和美工人员能够更好的分工与配合2.Ajax的组成部分Ajax不是单一的技术,而是4种技术的集合,跟灵活地运用Ajax必须深入了解这些不同的技术技术名称说
3、明JavaScriptJavaScript是通用脚本语言,用来嵌入在某种应用中,Ajax应用程序是使用JavaScript编写的CSSAjax用户界面的样式可以要通过CSS独立修改DOM通过JavaScript修改DOM,AJAX用用程序可以在运行时改变用户界面,或局部更新页面的某个节点XMLHttpRequestXMLHttpRequest对象允许WEB程序员从WEB服务器以后台的方式获取数据,数据的格式通常是XML或者是文本XSLT(可扩展语言和转换)一种为客户端提供XML信息转换显示的模板技术经验:使用Ajax制作网页,同样要求主流浏览器之
4、间显示的效果基本一致,通常做法是编写Ajax,JavaScript代码,一边在两个不同的浏览器上进行预览,并及时地调整细节,一．Ajax成功案例下拉菜单
5、一样的XMLHttpRequest对象的方法方法描述abort()停止当前请求getAllResponseHeaders()把HTTP请求的所有响应首部作为键/值对返回getAllResponseHeaders(head_name)返回指定首部的串值open(method,url，asynch)建立对服务器的调用。Method参数可以是get或者post。url参数可以是相对url或绝对url。asnych参数是一个布尔值，true为异步方式，false为同步方式。send(string)向服务器发送请求setRequestHeader(head
6、_name,value)把指定首部设置为所提供的值。在设置任何首部之前必须先调用open()。PostXMLHttpRequest对象的属性属性描述onreadystatechange每个状态改变时都会触发这个事件处理器，通常会调用一个javascrpt函数readyState请示的状态。有5个可取的值：０：未初始化１：正在加载２：已加载３：交互中４：完成responseText服务器的响应，表示为一个字符串responseXML服务器的响应，表示为XML。这个对象可以解析为一个DOM对象status服务器的HTTP状态码。200对应OK404对
7、应NotFoundstatusTextHTTP状态码的相应文本2.异步对象连接服务器在Web中异步访问是通过XMLHttpRequest对象实现的.这个对象在IE5.5中被作为ActiveX控件引入,随着各个浏览器都纷纷开始支持异步对象,要使用该对象必须创建对象,(1)创建对象varxmlHttp;functioncreateXMLHttpReques(){if(window.ActiveXObject)//判断是否是IE浏览器{xmlHttp=
8、newActiveXObject("Microsoft.XMLHTTP");}elseif(window.XMLHttpRequest)
