初探ajax【eclipse】 Ajax是什么? Ajax什么用? JavaScript发送ajax请求步骤 jQuery发送ajax请求步骤(重要)

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

Ajax什么用?

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

JavaScript发送ajax请求步骤

       1. 创建XMLHttpRequest对象

       2. 设置请求信息

       3. 发送请求

       4. 接受响应

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

 初探ajax【eclipse】
Ajax是什么?
Ajax什么用?
JavaScript发送ajax请求步骤
jQuery发送ajax请求步骤(重要)

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

 初探ajax【eclipse】
Ajax是什么?
Ajax什么用?
JavaScript发送ajax请求步骤
jQuery发送ajax请求步骤(重要)

jQuery发送ajax请求步骤(重要)

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

 初探ajax【eclipse】
Ajax是什么?
Ajax什么用?
JavaScript发送ajax请求步骤
jQuery发送ajax请求步骤(重要)

2. 创建jsp文件

 初探ajax【eclipse】
Ajax是什么?
Ajax什么用?
JavaScript发送ajax请求步骤
jQuery发送ajax请求步骤(重要)

3. 导入jquery包

 初探ajax【eclipse】
Ajax是什么?
Ajax什么用?
JavaScript发送ajax请求步骤
jQuery发送ajax请求步骤(重要)

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

 初探ajax【eclipse】
Ajax是什么?
Ajax什么用?
JavaScript发送ajax请求步骤
jQuery发送ajax请求步骤(重要)

5. 绑定id并验证jQuery

 初探ajax【eclipse】
Ajax是什么?
Ajax什么用?
JavaScript发送ajax请求步骤
jQuery发送ajax请求步骤(重要)

6. 创建servlet

 初探ajax【eclipse】
Ajax是什么?
Ajax什么用?
JavaScript发送ajax请求步骤
jQuery发送ajax请求步骤(重要)

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

 初探ajax【eclipse】
Ajax是什么?
Ajax什么用?
JavaScript发送ajax请求步骤
jQuery发送ajax请求步骤(重要)

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

 初探ajax【eclipse】
Ajax是什么?
Ajax什么用?
JavaScript发送ajax请求步骤
jQuery发送ajax请求步骤(重要)

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

9.1. 编写HTML端

 初探ajax【eclipse】
Ajax是什么?
Ajax什么用?
JavaScript发送ajax请求步骤
jQuery发送ajax请求步骤(重要)

9.2. 编写Servelt端

初探ajax【eclipse】
Ajax是什么?
Ajax什么用?
JavaScript发送ajax请求步骤
jQuery发送ajax请求步骤(重要)

9.3 验证