AJAX级联下拉框的简单实现案例

package com.ajaxlab.ajax;
import java.util.ArrayList;
import java.util.Collection;
import java.util.Iterator;
import org.jdom.Document;
import org.jdom.Element;
import org.jdom.input.SAXBuilder;
import com.ajaxlab.ajax.ProductClass;

public class ClassService {
   private Document dom;
   public ClassService(){
    try{
     SAXBuilder builder=new SAXBuilder();
     this.dom=builder.build(ClassService.class.getResource(“product.xml”));
    }catch(Exception e){
    e.printStackTrace();
    }
   }
   public ProductClass[] getAllClass1(){
    Collection products=new ArrayList();
    Iterator iterator=this.dom.getRootElement().getChildren().iterator();
    do{
     Element element=(Element)iterator.next();
     ProductClass product=new ProductClass(element.getAttributeValue(“id”),
                                     element.getAttributeValue(“className”));  
        products.add(product);
    }while(iterator.hasNext());
    return (ProductClass[])products.toArray(new ProductClass[0]);

   }

   public ProductClass[] getAllClass2ById(String class1Id){
    Collection products=new ArrayList();
    Element classElement=null;
    Iterator iterator=this.dom.getRootElement().getChildren().iterator();
    do{
     Element element=(Element)iterator.next();
     if(class1Id.equalsIgnoreCase(element.getAttributeValue(“id”))){
      classElement=element;
      break;
     }
    }while(iterator.hasNext());

    if(classElement!=null){
     Iterator iter=classElement.getChildren().iterator();
     do{
      Element element=(Element)iter.next();
      ProductClass product=new ProductClass(element.getAttributeValue(“id”),
                                      element.getAttributeValue(“className”));
               products.add(product);
     }while(iter.hasNext());
    return (ProductClass[])products.toArray(new ProductClass[0]);
    }
    else{
     return null;
    }
   }

 
   public ProductClass[] getAllClass3ById(String class1Id,String class2Id) {
  Collection products = new ArrayList();
  Element class1Element = null;
  Element class2Element = null;

  Iterator iterator = this.dom.getRootElement().getChildren().iterator();
  do {
   Element element = (Element)iterator.next();
   if(class1Id.equalsIgnoreCase(element.getAttributeValue(“id”))) {
    class1El来源gaodai#ma#com搞*!代#%^码网ement = element;
    break;
   }
  }while(iterator.hasNext());

  if(class1Element!=null) {
   Iterator iter = class1Element.getChildren().iterator();
   do {
    Element element = (Element)iter.next();
    if(class2Id.equalsIgnoreCase(element.getAttributeValue(“id”))) {
     class2Element = element;
     break;
    }
   }while(iter.hasNext());

   if(class2Element!=null) {
    Iterator iter2 = class2Element.getChildren().iterator();
    do {
     Element element = (Element)iter2.next();
     ProductClass product = new ProductClass(element.getAttributeValue(“id”),element.getAttributeValue(“className”));
     products.add(product);
    }while(iter2.hasNext());
   }
   return (ProductClass[])products.toArray(new ProductClass[0]);
  }
  else return null;
}
}

 
    
      
      
      
      
        
    
    
      
      
      
      
    
 

 
    
      
      
      
    
    
      
      
      
      
    
 

JSP:
(1)getClass.jsp 充当业务层供ajax调用

<%
String class1Id = request.getParameter(“class1Id”);
String class2Id = request.getParameter(“class2Id”);
if(“”.equals(class1Id)) class1Id = null;
if(“”.equals(class2Id)) class2Id = null;
ClassService service = new ClassService();
if((class1Id!=null)&&(class2Id==null)) {
ProductClass[] classes = service.getAllClass2ById(class1Id);
if(classes!=null) {
  for(int i=0;i<classes.length;i++) {
   out.print(classes[i].getId()+”,”+classes[i].getClassName()+”|”);
  }
}
}
else if((class1Id!=null)&&(class1Id!=null)) {
ProductClass[] classes = service.getAllClass3ById(class1Id,class2Id);
if(classes!=null) {
  for(int i=0;i<classes.length;i++) {
   out.print(classes[i].getId()+”,”+classes[i].getClassName()+”|”);
  }
}
}
%>

(2)divmenu.jsp

<%
  ClassService service = new ClassService();
  ProductClass[] classes = service.getAllClass1();
%>

请选择分类一
<%
for(int i=0;i<classes.length;i++) {
  out.println(“”+classes[i].getClassName()+””);
}
%>

请选择分类二

请选择分类三