JQuery、AJAX与Javascript之间的父子关系

JQuery、AJAX都是Javascript的一个框架，各有各自不同的功能，如果把Javascript比作父亲的话，JQuery和AJAX就是Javascript的亲生儿子。JQuery是轻量级的js库，它兼容CSS3，还兼容各种浏览器 （IE 6.0+,FF1.5+,Safari 2.0+,Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

jquery

JQuery的宗旨是——WRITE LESS,DO MORE，也就是“吃得少，干的多”。让我们广大的程序员能够写更少的代码，做更多的事情。
而JQuery在什么时候使用呢？和上边说的类似，它主要的用处就是：
1. 选择器，通过$符号可以快速、精确的定位到指定的元素。选择器包括：基本选择器、层次选择器、过滤选择器、表单选择器
2. 对DOM操作，通过$符号找到DOM元素，对属性进行操作；添加删除节点；对样式进行操作；设置获取HTML文本和值；遍历子元素或同辈元素；添加事件
3. 表单验证
4. 动画效果
5. ajax

ajax

下面来讲讲ajax，AJAX即“AsynchronousJavaScript and XML”（异步JavaScript和XML)。所谓的异步就是在事件触发之后浏览器任然可以做其他的事情，与发生事件的控件无关的控件不受影响。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 要搞清的概念：观点一： Ajax 和服务器端技术毫不相关。 ajax 完完全全就是前端技术，所做的无非就是异步的发送一个请求然后得到一个响应，事实上，不论何种 Ajax 技术，服务器端都是返回的一个纯文本流，再由客户端来处理这个文本。这段文本可以是 xml 格式，也可以是一个 Html 片段，也可以是一段 JavaScript 脚本，或者仅是一个字符串。服务器端仅仅是作为一个数据接口，客户端使用 XMLHttpRequest 对象来请求这个页面，客户端在异步获取结果后，不是直接显示在页面，而是由客户端的 Javascript 脚本处理后再显示在页面。至于各种控件所谓的能返回 DataSet 对象， Date 对象，或者其他的数据类型，都是封装了这个处理过程的结果。AJAX是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。那一般什么时候使用AJAX，什么时候使用AJAX比较合适呢？一般都是用在页面局部发生变化的地方。如下：
1. 基于表单的交互
2. 深层树状导航
3. 实时用户对用户通讯
4. 投票、是否选择、等级评价
5. 过滤和复杂数据操作
6. 普通录入时的提示/自动补齐
不适用使用AJAX的场合：
1. 简单的表单
2. 搜索
3. 基本导航
4. 替换大量的信息
5. 显示操作
6. 无用的网页小部件

demo

下面是自己做的一个很简单的web项目，首先是一个注册页面（register.jsp），注册form提交之后跳转到详情页面(detail.jsp)，common.jsp是所有页面都会用到的一些基本设置，然后被include到其它页面中，便于管理。最后在详情页面进行各种ajax请求，demo下载地址： http://download.csdn.net/detail/u012049463/6472103
该demo很详细的讲解了jquery的几种ajax请求。顺便推荐两个学习ajax的地址：
http://www.cnblogs.com/qleelulu/archive/2008/04/21/1163021.html
http://www.w3school.com.cn/jquery/jquery_ajax_intro.asp

具体如下所示：

项目目录结构和页面结果展示如下（js ajax暂未实现，后续更新）：

在点击左边jquery ajax请求时注意观察详情页面的userId和name处的变化，如下是详情页面的js写法和注释，注释都比较清楚了，所以不再过多说明