什么是ajax 有什么作用
导读:什么是ajax,为大家说一说什么是ajaxIT技巧方面的经验,请看下面详细的介绍。 1、什么是AJAX 概念:AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML AJAX作用: 与服务器进行数据交
什么是ajax
为大家说一说什么是ajaxIT技巧方面的经验,请看下面详细的介绍。
1、什么是AJAX
概念:AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML
概念:AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML
AJAX作用:
- 与服务器进行数据交换:通过AJAX可以给服务器发送请求,并获取服务器响应的数据
- 后台发送:浏览器的请求是后台js发送给服务器的,js会创建单独的线程发送异步请求,这个线程不会影响浏览器的线程运行。
- 局部刷新:浏览器接收到结果以后进行页面局部刷新
没学习AJAX之前发送请求和获取响应的方式:

- 浏览器发送HTTP返回的是一个完整的网页,浏览器会显示这个网页,
- 浏览器会等待服务器的响应(同步请求)
学习AJAX之后

- AJAX返回的是部分数据,浏览器内容不会变化
- 后台发送,不影响浏览器的操作(异步请求)
使用了AJAX和服务器进行通信,就可以使用 HTML+AJAX来替换JSP页面了举例:
- 使用HTTP获取一个完整的网页

- 登录的时候输入用户名,失去焦点的时候,就会使用AJAX发送一个异步请求到后台,然后返回用户存在与否的结果

2、AJAX快速入门
参考网址:https://www.w3school.com.cn/
参考网址:https://www.w3school.com.cn/
步骤:
- 编写AjaxServlet,并使用response输出字符串
- 创建 XMLHttpRequest 对象:用于和服务器交换数据
let xmlhttp = new XMLHttpRequest()
- 向服务器发送请求
xmlhttp.open("GET",“url");
xmlhttp.send();//发送请求
- 获取服务器响应数据
xmlHttp.onreadystatechange=function (){
if(xmlHttp.readyState==4 && xmlHttp.status=200){
alert(xmlHttp.responseText);
}
}
代码实现:
| 属性 | 描述 |
|---|---|
| onreadystatechange | 定义了当 readyState 属性发生改变时所调用的函数。 |
| readyState | 保存了 XMLHttpRequest 的状态。 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 正在处理请求 4: 请求已完成且响应已就绪 |






