2009 12 28 传智播客—AJAX（综合练习）
今天早上老佟将昨天的练习进行了讲解。今天的主要内容是对AJAX的汇总练习，做了两个练习都是比较常使用的应用。
一、 下拉框的级联，比如，选择下拉框一中的内容（城市名称），在下拉框二中显示在这个城市中的部门。在下拉框二中选择部门名称，在下拉框三中显示部门的人员。在下拉框中选择人员名称，在表格中显示人员具体信息。这就是级联，数据存储在数据库中。使用AJAX技术只更新当前页面部分内容，无须刷新整个页面。
二、 用户注册功能，提示用户名是否合法等。同样也是使用AJAX技术。
这两个练习大家都比较常见，WEB已经这么流行了！Ok，接下来让我们看看具体流程。我把这两个图画一下。（只为AJAX与Struts1的配合练习）
练习一：下拉框的级联
以上没有使用service层，那样做会使程序更优雅。但对于这个小练习没有必要，甚至编写多个DAO也没必要，老佟只编写了一个DAO。在这里我们麻烦一下自己吧！
这里与页面的交互数据是JSON，JSON用在表单上十分方便。
列出一部分程序的代码，在页面加载时。需要获取城市列表，并将城市添加到下拉列表框中（对应的项目value是城市的Id）。：
var url="${pageContext.request.contextPath}/cascading.do?method=getAllCities";
var args = {"time":new Date()};
$("#city > option:not(:first)").remove();
// 严重注意JSON数据的格式，出一点差错都不可以，比如少了一个“:”。
$.getJSON(url, args, function(data){
if(data != null){
//将所有的城市显示到下拉列表框中
for(var i=0; i <&nbs
相关文档：
在 ASP .NET 的 AJAX 控件中 TabContainer 的 CSS 样式的编写具有一定的格式规范及命名规则，如下图：
具体的 CSS 样式的编写为：
.ajax_tab_menu .ajax__tab_header /*整体按钮底样式*/
{
font-family:宋体;
height:29px;
font-size:12px;
background:#181c1f repeat-x bottom;
}
.ajax_tab_menu .ajax__tab ......
一个ajax请求一个jsp文件，操作成功,jsp文件out.println("1");但是每次成功后xmlHttp.responseText=='1'总是为false，
用encodeURIComponent看xmlHttp.responseText，发现最后多了%0A%0D，百度一下 用来是换行，
jsp文件中的out.println……把ln去掉再次比较 成功 = =� ......
感谢您注册使用 Google AJAX Search API 密钥！
您的密钥是：
ABQIAAAA2XOmDwsdSefVWtliFM7oAhRgUnSrtx2R2fBqn5WGl7l070PqvBRbr7s7L72cRNSIH96KndKP3sbASw
该密钥可用于该目录中的所有网址：
http://www.rdladmin.test
以下是帮助您入门的实例网页：
<!DOCTYPE html PUBLIC "-//W3C//DTD X ......
