充滿生活的味道！

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 < data.cities.length;i++){

              var newOption = $("<option value='"+data.cities[i].id+"'>"+data.cities[i].name+"</option>");

              newOption.appendTo($("#city"));

           }

       }

    });

public ActionForward getAllCities(ActionMapping mapping, ActionForm form,

           HttpServletRequest request, HttpServletResponse response) throws Exception {

       //獲取所有城市

       CityDao cd = new CityDao();

       List list = cd.getAllCities();

       //將所有的城市包裝為一個JSON。

       StringBuffer sb = new StringBuffer("{cities:[");

       for(int i=0; list!=null && i<list.size(); i++){

           JSONObject jsonObj = new JSONObject(list.get(i));

           sb.append(jsonObj.toString()).append(",");

       }

       //為JSON數據添加結尾

       String result = null;

       if(list!=null && list.size()>0)

           result = sb.substring(0,sb.length()-1) + "]}";

       else

           result = sb.toString() + "]}";

       //向頁面發送數據

       response.setCharacterEncoding("UTF-8");

       response.setContentType("text/javascript");

       response.getWriter().print(result);

       return null;

    }

<script type="text/javascript" src="${pc}/scripts/jquery-1.3.1.js"></script>

<script type="text/javascript" src="${pc}/scripts/jquery.blockUI.js"></script>

<script type="text/javascript">

    // 頁面被加載完成后

    $(function(){

       // 用戶名合法性校驗函數

       function doRegCheckout(username){

           var reg1 = /^\s*|\s*$/gi;

           username = username.replace(reg1,"");

           // 長度全法性校驗

           if(username.length < 6 ){

              $(":text").val(username);

              $("#message").html("<font color='red'>用戶名長度至少為6個字符！</font>");

              return false;

           }

           // 內容合法性校驗

           var reg2 = /^[a-zA-Z]\w+$/;

           if(!reg2.test(username)){

              $("#message").html("<font color='red'>用戶名必須以字母開始，可以包含數字和下劃線！</font>");

              return false;

           }

           // 提交

           var url = "${pc}/reg.do";

           var args = {username:username, time:new Date()};

           // 向Action發出用戶是否存在的校驗

           $.post(url,args,function(data){

              $("#message").html(data);

           });

           return false;

       }

       // 當用戶名文本框內容被改變時，進行用戶名合法性校驗！

       $(":text").change(function(){

           doRegCheckout($(this).val());

       });

       // 當用戶名文本框內容被改變時，進行用戶名合法性校驗！

       $(":submit").click(function(){

           return doRegCheckout($(":text").val());

       });

    });

</script>