Ajax简介

1.Ajax简介

Asynchronous JavaScript and Xml（JSON）

异步JavaScript和XML

Ajax属于客户端和服务器端交互的一项技术

原有交互模式：（整个页面刷新+请求和响应）

浏览器发请求–>Tomcat服务器–>Tomcat将响应信息给浏览器–>浏览器显示响应结果

Ajax交互模式：（局部刷新+异步处理）

浏览器发请求–>XMLHttpRequest发送–>Tomcat服务器–>Tomcat返回结果–>XMLHttpRequest接受结果–>浏览器显示响应结果

2.Ajax好处

–具有局部刷新和异步处理特性

–提高了程序交互效率（传递数据量少）

–提升用户体验（避免了整个页面的频繁刷新）

3.Ajax技术

Ajax技术是一系列技术的综合运用。

–基于JS发请求和响应处理

–以XMLHttpRequest对象为核心

–涉及HTML,CSS页面渲染技术

–XML,JSON等数据交互格式

XMLHttpRequest方法：

–open（”get|post”,url）;

–send();

–onreadystatechange事件

readyState改变时触发注册事件

XMLHttpRequest属性

readyState：0，1，2，3，4

status：HTTP响应CODE

responseText：获取服务器返回的文本信息

responseXML：获取服务器返回的XML信息

=========================jQuery=============================

$.ajax()–>XMLHttpRequest

$.ajax({url:请求地址，

type:请求类型，

data：提交的数据，

async：同步或异步处理true|false，

dataType：预期服务器返回结果类型，

success：成功回调函数，

error：失败回调函数，

beforeSend：请求发送前回调函数})；

JSON

JavaScript Object Notation

JavaScript对象类型格式

var v={key1:value1,key2:value2};

v.key1//访问key1对应的value1

v.key2//访问key1对应的value2