ajax简介.ppt

《ajax简介.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Ajax简介姓名：李木生内容概要什么是AjaxAjax的发展Ajax技术概要关于ajax的一个小例子为什么要使用AjaxAjax框架什么是AJAXAjax的发展2005年jesse首次在其论文《Ajax：一种web应用程序开发的新方法》提出ajax理念Goolemaps和gooleSuggest的出现预示着web世界的一次根本变革Ajax技术概要Ajax不是一种新的技术Ajax=异步JavaScript+XML(AsynchronousJavaScriptAndXML)ajax的核心：用JavaScript来操作浏

2、览器的XMLHttpRequest对象来直接与服务器进行通信，使用用html和css来标准化呈现，使用dom来实现动态显示和交换Ajax技术概要关于Ajax的小例子的说明三,总结XMLHttpRequest的五步使用法1.建立XMLHttpRequest对象2.注册回调函数3.使用open（）方法设置和服务器端交互的基本信息4.设置发送的数据，使用send（）方法开始和服务器端交互5.在回调函数中判断交互是否结束，响应是否正确，并根据需要获取服务器端返回的数据，更新页面内容注意点：1.不同的浏览器创建XMLHttp

3、Request对象的方式是不相同的2.设置回调函数时，不要再函数名后面加括号。加括号表示将回调函数的返回值注册给onreadystatechange属性3.每次readyState的值发生变化的时候，回调函数都会被调用，但是一般我们只关心状态44.open方法最多可以有五个参数，其中头三个参数是必须的使用GET方式时，请求数据位于url链接中，后面的send方法的参数直接写null就可以使用POST方式时，open方法后面需要先调用setRequestHeader方法，来设置Conetent-Type的值，然后调用

4、send方法，send的参数就是请求的数据5.回调函数中，最好将判断readyState和status的两个if条件分开来写。readyState的判断条件位于外层，status的位于内层6.当服务器端没有正确返回xml数据时，在javascript中使用responseXML的方式获取返回的xml数据对应的dom对象时，FireFox和IE的结果是有差别的。IE获取根元素节点为null，而FireFox获取根元素节点则是一个表示解析错误的元素节点。所以需要根据不同的浏览器来创建不同的接受方式为什么使用AJAX的好

5、处使用ajax可以在不重载页面的情况下与Web服务器交换数据。用户可以停留在同一个页面，他不会注意到脚本在后台请求过页面，或向服务器发送数据，给用户提供更流畅舒适的交互体验AJAX在浏览器与Web服务器之间使用异步数据传输（HTTP请求），对网页进行局部刷新，这样就可使网页从服务器请求少量的信息，而不是整个页面Ajax框架使用框架可以起到事半功倍的效果跨语言的比较流行的框架jquery，EXTJS谢谢