Jquery 快速学(四:Ajax 应用)
学习本节课程需要拥有一点制作动态网页的基础。本节课程
以 jsp 的 Ajax 为 例 进 行 讲 解 。 运 行 的 服 务 器 为 apache
Tomcat 6.0.
Ajax 的核心是 XML HttpRequest 对象,它是 Ajax 实现
的关键——发送异步请求,接收响应及执行回调函数都是通过
它来完成的。
Jquery 对 Ajax 进行了封装,提供了一系列简单方法,让我
们进行 Ajax 应用。例如有:load(),$.get(),$.post()等等。
1. 首先介绍一下 load()方法:load()用于动态加载 html 片
段,并插入到 DOM 中.它默认是以 get 方式提交,当附
加参数时,它会自动转换为 post 方式提交,load()方法
一般用于从远程中获取静态数据。语法为:load(url,
[data], [callback]);url 远程地址,data 需要发送到服
务器的数据,callback 回调函数.请注意一点:load()方
法无论 Ajax 请求是否成功,只要请求完成了,它的回调
函数就会被触发。
例子:
Css 样式:
#userName,#pwd{
border:1px solid #ccc;
width:200px;
}