AJAX

AJAX学习笔记

AJAX学习

1.AJAX技术开发步骤：

1.在浏览器内存中，创建一个【异步请求对象】
2.为【异步请求对象】设置【工作状态监听器】，来帮助浏览器在
  何时的时机从【异步请求对象】读取服务端返回的响应的数据。
3.初始化【异步请求对象】，（请求方式（post/get），请求地址，同步或异步标识）
4.命令（异步请求对象）发送请求。
5.通过（工作状态监听器），在何时时机得到（工作状态监听器）返回的数据
  对浏览器指定的标签内容进行更新，从而实现【局部刷新效果】

2.AJAX命令实现：

1.        var xmlHttp  = new XMLHttpRequest();

2.       xmlHttp.onreadystatechange = function(){

                                     if(xmlHttp.readyState==4){
                                           var  响应数据  = xmlHttp.responseText
                                              dom对象.value= 响应数据;局部刷新
                                                }
                                           };

3.xmlHttp.open("get","/myweb/one",true);
4.xmlHttp.send();

3.AJAX中state和readyState的值的含义：

0：请求未初始化（还没有调用 open()）。

1：请求已经建立，但是还没有发送（还没有调用 send()）。

2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）

3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。

4：响应已完成；您可以获取并使用服务器的响应了。

4.readyState值的含义：

等于1：说明请求已经准备好可以发送

等于2：服务器正在处理请求时会作出响应，响应首部提供了有关响应的信息，并提供一个状态码。

等于3：数据下载到请求对象，但是响应数据还没有完全准备好，还不能使用

等于4：服务器处理完请求，数据可以使用了

赏

×

纯属好玩

扫码打赏，你说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦