2021 1 14 Ajax学习笔记

Ajax学习笔记

1、局部刷新技术(包括js,css,servlet,DOM,JSONjdbc,jsp所有技术),在当前页面发起请求, 获取数据,更新DOM对象,对视图部分刷新,

特点:a、数量小,传输速度快 b、部分更新,浏览器不用全部渲染视图 c、一个页面 可以有多个局部刷新 d、从服务器拿到的是数据,然后更新视图。

2、异步请求对象(一种js对象)

代替浏览器发起请求并接收响应数据,存在于内存当中;全局刷新是同步行为,局部刷 是异步行为,异步对象用于在后台和服务器交换数据。

 

3、创建异步对象

语法:var xhr=new XMLHttprequest();,之后用它的属性和方法。

4、异步对象的属性和方法

open(请求方式,服务器端访问地址,异步或同步的布尔值)

pl:xhr.open(“get”,”loginservlet”,true);

send(content为发送的数据);使用异步对象发送请求,会立即返回,否则等到接收到响 应为止。

abort()停止或放弃当前异步请求

.....

属性:

A、readyState属性:请求的状态

 

B、statue属性:网络状态,和Http状态码对应

 

202 请求被接受但尚未成功

400 错误的请求

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

 

5、使用步骤

A、创建异步对象

B、给异步对象的事件readystatuechange绑定方法,每次请求状态改变都会触发这个事

在事件中根据readyStatue的值进行不同的处理,

 

C、初始请求的参数,执行open()函数

 

D、发送请求,执行send()函数

 

原文地址:https://www.cnblogs.com/fuxw4971/p/14278896.html