javaScript jsp Servlet局部刷新页面

1、方案1：1、script脚本 /Ajax实现下拉框二级级联，根据第一个下拉框的值改变第二个下拉框内的列表      /根据浏览器的类型，创建xmlHttpRequest对象      function createXmlHttpRequest()                  if(window.ActiveXObject)

2、                          return new ActiveXObject("Microsoft.XMLHTTP");                 &

3、#160;    else if( window.XMLHttpRequest()                          return new XMLHttpRequest();            

4、60;                var xmlHttpRequest;            /异步响应函数,搜索专业        function searchMajor(para)        &

5、#160;         var url="majorSearch.action?para="+para;     /后台请求的路径            xmlHttpRequest=createXmlHttpRequest();         xmlHttpRe

6、quest.onreadystatechange=callbackMajor;   /将回调函数注册给状态改变事件             xmlHttpRequest.open("GET",url,true);           xmlHttpRequest.send(null);    

7、60;           /异步响应函数,搜索班级号     function searchClass(para)                  var url="classSearch.action?para="+para;     /后台请

8、求的路径            xmlHttpRequest=createXmlHttpRequest();         xmlHttpRequest.onreadystatechange=callbackClass;   /将回调函数注册给状态改变事件           

9、  xmlHttpRequest.open("GET",url,true);           xmlHttpRequest.send(null);                /回调函数,得到搜索班级号结果       function callbackClass

10、()                   var c_num=document.getElementById("c_num");            /请求被成功响应，已接收到结果          

11、;  if(xmlHttpRequest.readyState=4&&xmlHttpRequest.status=200)                                      

12、60;        var result=xmlHttpRequest.responseText;          /返回的结果字符串                var classArray= result.split(",");   /返回

13、的结果字符串中，值之间是以,分隔的，所以先拆分成数组               var count = classArray.length;               c_num.length=0;   /先将下拉列表框清空      

14、         for (var i = 0; i <count; i+)                                     &#

15、160;  /将结果循环添加到下拉列表中                i+;                          if(classArraycount-1 = ""

16、)             c_num.length=0;   /先将下拉列表框清空                                &

17、#160;                                else                   

18、        c_num.length=0;                                         &

19、#160;           /回调函数,得到搜索专业结果       function callbackMajor()                   var major=document.getElementById("major"); &

20、#160;          /请求被成功响应，已接收到结果            if(xmlHttpRequest.readyState=4&&xmlHttpRequest.status=200)                &

21、#160;                               var result=xmlHttpRequest.responseText;          /返回的结果字符串  

22、;              var majorArray= result.split(",");   /返回的结果字符串中，值之间是以,分隔的，所以先拆分成数组               var count = majorArray.length;   &

23、#160;            major.length=0;   /先将下拉列表框清空               for (var i = 0; i <count; i+)            &

24、#160;                           /将结果循环添加到下拉列表中                i+;      

25、;                    if(majorArraycount-1 = "")             major.length=0;   /先将下拉列表框清空       

26、                                                   

27、0;    else                           major.length=0;                  

28、                                            /下拉框改变事件 1   function changeMaj

29、orOptions()            var academy = document.getElementById("academy");             if(academy.value != "")          &#

30、160;      searchMajor(academy.value);                      return;        /下拉框改变事件 2 function changeClassOptions()  var major

31、 = document.getElementById("major").value;  if(major != "")   searchClass(major);   2、jsp页面<td height="30" align="right">院系班级：</td>    <td>     <select name="academy" id

32、="academy" onblur="changeMajorOptions()">      <c:if test="$empty alist">       <option value="">暂无注册班级</option>      </c:if>    

33、0; <c:if test="$!empty alist">       <c:forEach items="$alist" var="academy">        <option value="$academy.m_id">$academy.m_name</option>     &#

34、160; </c:forEach>      </c:if>     </select>&nbsp;     <select name="major" id="major" onblur="changeClassOptions()">      <option value="">请选择专业</option&