当前位置:编程学习 > JAVA >>

javaScript+jsp+Servlet局部刷新页面

1、script脚本
 //Ajax实现下拉框二级级联,根据第一个下拉框的值改变第二个下拉框内的列表   
   //根据浏览器的类型,创建xmlHttpRequest对象   
   function createXmlHttpRequest()   
    {   
        if(window.ActiveXObject)   
        {   
            return new ActiveXObject("Microsoft.XMLHTTP");   
        }   
        else if( window.XMLHttpRequest())   
        {   
            return new XMLHttpRequest();   
        }       
    }   
    var xmlHttpRequest;   
     
    //异步响应函数,搜索专业    
    function searchMajor(para)   
    {   
        var url="majorSearch.action?para="+para;     //后台请求的路径    
        xmlHttpRequest=createXmlHttpRequest(); 
        xmlHttpRequest.onreadystatechange=callbackMajor;   //将回调函数注册给状态改变事件     
        xmlHttpRequest.open("GET",url,true);   
        xmlHttpRequest.send(null);     
    }
   
    //异步响应函数,搜索班级号 
    function searchClass(para)   
    {   
        var url="classSearch.action?para="+para;     //后台请求的路径    
        xmlHttpRequest=createXmlHttpRequest(); 
        xmlHttpRequest.onreadystatechange=callbackClass;   //将回调函数注册给状态改变事件     
        xmlHttpRequest.open("GET",url,true);   
        xmlHttpRequest.send(null);     
    }
   
    //回调函数,得到搜索班级号结果   
    function callbackClass()   
    {         
   var c_num=document.getElementById("c_num");   
         //请求被成功响应,已接收到结果   
         if(xmlHttpRequest.readyState==4&&xmlHttpRequest.status==200)   
         {                       
            var result=xmlHttpRequest.responseText;          //返回的结果字符串    
            var classArray= result.split(",");   //返回的结果字符串中,值之间是以,分隔的,所以先拆分成数组   
            var count = classArray.length;   
            c_num.length=0;   //先将下拉列表框清空   
            for (var i = 0; i <count; i++)    
            {      
                c_num.options.add(new Option(classArray[i+1], classArray[i]));   //将结果循环添加到下拉列表中
                i++;  
            }
            if(classArray[count-1] == ""){
             c_num.length=0;   //先将下拉列表框清空
             c_num.options.add(new Option("暂无班级分类",""));
            }      
              
         }   
         else  
         {   
             c_num.length=0;   
             c_num.options.add(new Option("暂无班级分类",""));   
         }   
           
    }
   
     //回调函数,得到搜索专业结果   
    function callbackMajor()   
    {         
   var major=document.getElementById("major");   
         //请求被成功响应,已接收到结果   
         if(xmlHttpRequest.readyState==4&&xmlHttpRequest.status==200)   
         {                       
             var result=xmlHttpRequest.responseText;          //返回的结果字符串    
            var majorArray= result.split(",");   //返回的结果字符串中,值之间是以,分隔的,所以先拆分成数组   
            var count = majorArray.length;    
            major.length=0;   //先将下拉列表框清空   
            for (var i = 0; i <count; i++)    

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,