初探ajax[eclipse]

Posted 2020-11-16 tunan96

Ajax是什么?

AJAX的实际意义是，不发生页面跳转、异步载入内容并改写页面内容的技术。

Ajax什么用?

使用AJAX的异步请求基本上完美的解决了同步请求带来的问题。首先，发送请求时不会影响到用户的正常访问。其次，即使请求时间过长，用户不会有任何感知。最后，AJAX可以根据服务器的响应信息局部的修改页面，而不需要整个页面刷新。

javascript发送ajax请求步骤

       1. 创建XMLHttpRequest对象

       2. 设置请求信息

       3. 发送请求

       4. 接受响应

原生js异步发送get请求案例:

 

原生js异步发送post请求案例:

 

jQuery发送ajax请求步骤（重要）

1. 创建ajax的Web动态项目工程

 

 

 

2. 创建jsp文件

 

 

 

3. 导入jquery包

 

 

 

4. 添加请求标签并设置id

 

 

 

5. 绑定id并验证jQuery

 

 

 

6. 创建servlet

 

 

 

7. 在jsp文件中通过$.ajax()方法发送Ajax请求

 

 

 

8. 在jsp文件中通过$.get()/$.post()方法发送Ajax请求

 

 

 

9. ajax在登录中使用改变事件(change)异步校验用户名是否存在

9.1. 编写html端

 

 

 

9.2. 编写Servelt端

 

 

9.3 验证