Ajax

Ajax 一、简介 传统B/S结构请求是一种独占式的请求。如果一个任务需要多步骤或者多选项任务才能完成，在HTML理，一个多步骤的任务可以在单页内表达出来。但是由于 HTML的互动性有限，便可能产生一份很长的页面，使用户感到混乱、笨拙而难以使用。或者将多个步骤分成几个页面分别提交，但传统的独占式的请求，如果前 一个请求没有得到完全响应，后一个请求则不能发送。 传统的Web应用大都采用这种独占式的请求，而且每个请求对应一个页面，因此每当服务器响应到达客户端时，浏览器都会重新转载该响应，从而导致频繁的页面 刷新。 Ajax技术使用异步方式发送用户请求：当用户在浏览页面的同时可以发送请求，在第一个请求的服务器响应还没有完全结束时，浏览器可以再次发送请求，页面状态 不会停止，即使服务器响应还没有到达，浏览器也可以浏览该页面。 Ajax技术的关键点在于异步发送请求。 二、 Ajax的核心技术 Ajax技术的核心是XMLHttpRequest对象，该对象在IE5首次引入。 整个Ajax应用的工作过程如下： （1） JavaScript脚本创建XMLHttpRequest对象 （2） 使用XMLHttpRequest对象向服务器发送请求。发送请求时，即可以发送GET请求也可以发送POST请求。 （3） 为XMLHttpReuqest对象的onreadystatechanged绑定事件监听处理函数； （4） 为服务器响应送回浏览器时，通过XMLHttpRequest对象获取服务器响应数据； （5） JavaScript脚本通过DOM，动态的更新HTML页面。也可以为服务器响应数据增加CSS样式表，在当前网页的某个部分加以显示； 三、DOM模型 DOM（Document Object Model）是操作HTML和xml文件的一组API，它提供了文件的机构表述。 DOM的本质是JavaScript或者程序语言操作网页内容的一种方式；