学习Ajax

2、异步请求对象（位于内存中的一个对象）

在局部刷新中，使用异步请求对象，在浏览器的内部发起请求，获取数据。

异步对象是在浏览器内部的一种javascript对象，各大浏览器都能支持异步对象的使用。

3、异步对象 xmlHttpRequest

js中的一种对象，使用js语法和使用这个对象

 var  xhr  =  new xmlHttpRequest();

之后就可以使用xhr对象的属性或者函数，进行异步对象的操作。

使用异步对象实现局部剧新，异步对象主要负责发起请求，传递请求的参数，并从服务器接收数据。局部剧新需要使用那些技术;

1)javascript :创建XMLHttpRequest对象，调用它的属性或者方法.

2)dom:处理dom，更新select的数据

3）css ：处理试图更新美化

4）sevlet ：服务器端技术。

5）数据格式：json。他之前是xml

把上面这些技术的综合叫做ajax  

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript和XML).

AJAX是一种在无需重新加载整个网页的情况下，能够更新部分页面内容的新方法。
 

AJAX不是行的编程语言，是多种技术的综合使用。包含了上面的所有情况。

AJAX来实现局部刷新。和服务器交换使用json数据格式。

5、异步对象的XMLHttpRequest

1.创建异步对象，使用is的语法
var xhr = new XMLHttpRequest0;

2.XMLHttpRequest方法

open(请求方式,服务器端的访问地址。异步还是同步)例如: xhr.open("get","loginServlet",true);

send(:f使用异步对象发送请求

3.XMLHttpReguest属性

readyState属性:请求的状态
0:表示创建异步对象时,new XMLHttpRequest();

1:表示初始异步对象的请求参数。执行open()方法

2:使用send()方法发送请求。|

3、使用一步对象从服务器接受了数据

4、异步对象接受了数据，并在异步对象内部处理完成后

status属性:网络的状态，和Http的状态码对应
200:请求成功

404:服务器资源没有找到

500:服务器内部代码有错误

responseText属性:表示服务器端返回的数据

例如: var data = xhr.responseText;
 

6.异步对象XMLHttpRequest使用步骤

1）使用js创建异步对象
var xhr = new XMLHttpRequest();
2)给异步对象绑定事件。事件名称onreadystatechange例如button增加单击事件 onclick

xhr绑定事件

xhr.onreadysatechange=function(）{当事件发生时执行的代码}

在绑定事件的时候，根据readyState  值做请求的数据。

xhr.readystatechagne=function()
if( xhr .readyState==48 & xhr.status==200 ){
从服务器获职了数据，更新当前页面的dom对象，完成请求的处理
var data =  xhr.responseText;
更新dom对象
document. getE1ementById("#mydiv"").innerHTML = data;
}
}

3)初始请求的参数，

        执行open()函数xhr.open("get"."loginServlet",true)

4)发送请求,执行send()
        xhr.send();