码迷,mamicode.com
首页 > Web开发 > 详细

初探ajax[eclipse]

时间:2019-10-19 19:02:26      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:对象   java   内容   pos   项目   工程   lips   htm   用户   

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 验证

    技术图片

 

初探ajax[eclipse]

标签:对象   java   内容   pos   项目   工程   lips   htm   用户   

原文地址:https://www.cnblogs.com/Tunan-Ki/p/11704744.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!