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