Ajax

AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。

AJAX的原理：简单来说就是通过XmlHttpReauest对象来向服务器发异步请求，从服务器获得数据，然后用JavaScript来操作DOM而更新页面的局部显示。

Ajax的适用场景

1) 用Ajax进行数据验证

2) 用Ajax自动更新页面

Ajax的不适用场景

1) 需要使用后退按钮来查看历史搜索

2) 部分简单的表单

Ajax的核心是XMLHttpRequest对象   

&&&、XMLHTTPRequest

    Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。

XMLHttpRequest 对象方法描述 

abort() 停止当前请求 

getAllResponseHeaders() 作为字符串返问完整的headers 

getResponseHeader("headerLabel") 作为字符串返问单个的header标签 

open("method","URL"[,asyncFlag[,"userName"[, "password"]]]) 设置未决的请求的目标 URL, 方法, 和其他参数 

send(content) 发送请求

setRequestHeader("label", "value") 设置header并和请求一起发送 ('post'方法一定要 )

XMLHttpRequest 对象属性描述 

onreadystatechange 状态改变的事件触发器，readyState 对象状态(integer):

0 = 未初始化 1 = 读取中 2 = 已读取 3 = 交互中 4 = 完成 

responseText 服务器进程返回数据的文本版本 

responseXML 服务器进程返回数据的兼容DOM的XML文档对象  

responseBody 服务器返回的主题（非文本格式）

responseStream 服务器返回的数据流

status 服务器返回的状态码, 如：404 = "文件末找到" 、200 ="成功" 

statusText 服务器返回的状态文本信息 

====一道面试题=建立异步请求过程的4个步骤：============

a:new一个XHR对象

b:调用open方法

c:send一些数据

d:对过程进行监听，来知道服务器是不是正确地做出了响应，接着可以做一些事情

&&&

Ajax的优势

1、减轻服务器的负担。因为Ajax的根本理念是“按需取数据”，所以最大可能在减少了冗余请求和响影对服务器造成的负担；

2、无刷新更新页面，减少用户实际和心理等待时间；

3、也可以把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，节约空间和带宽租用成本；

4、Ajax使WEB中的界面与应用分离（也可以说是数据与呈现分离）；

Ajax的缺点

1.破坏浏览器的后退按钮的正常行为

2.使用JavaScript作为Ajax的引擎，JavaScript的兼容性不好。