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 ,