Ajax & Jquery笔记

1、Ajax介绍

介绍

工作原理

2、Ajax 的Get 请求

首先，复制粘贴下面的代码，表示定义xmlHttpRequest 对象。


点击页面上的超链接后，会向DemoServlet01 发送请求，控制台会显示”收到了一个请求…”。


带数据传输，并在浏览器中响应

3、Ajax 的Post 请求

4、校验用户名是否存在

页面准备

jsp代码


数据库准备

数据库中需要先存取一些用户名以备检测是否新输入的用户名，在数据库中是否存在。

servlet代码

Dao代码

5、JQuery的 load() 方法

页面

函数定义

servlet 中的内容

注：如果将按钮换成超链接，实现点击后将input 的value 值改变成servlet 的回应信息，会遇到如下问题。

6、JQuery的 get() 方法

介绍


补充

.val 只能用于含有value属性的标签

实现上面5 中的功能：

7、JQuery的 post() 方法

总结：这三种方法，很相似，load() 方法不经常使用，用的最多的是post() 方法。

8、使用Jquery实现校验用户名

页面准备

同4 Ajax的post 方法做表单校验

jsp代码

数据库准备

同4 Ajax的post 方法做表单校验

servlet代码

同4 Ajax的post 方法做表单校验

Dao代码

同4 Ajax的post 方法做表单校验

9、实现百度搜索提示

类似百度搜索的功能，在输入框中输入关键字，会从数据库中调取以该关键字开头的信息。删除关键字，提示信息消除。

定义页面

JS请求

Servlet 代码

Bean


list.jsp

Dao层

10、Jquery实现省级联动（XML）

数据库

定义页面

Citybean

Dao层


Servlet代码


JS请求

XStream 的使用

11、Jquery实现省级联动（JSON）

修改web.xml

修改Servlet


修改.js