动态Ajax ComboBox Jsp/Servlet
提问于 2013-06-02 15:57:48
我是Ajax的新手，我在思考如何做到这一点时遇到了麻烦，我将对其进行简短的描述。
我有两个组合框：
1)第一个组合框包含教室列表。
2)当您在第一个组合框(例如教室)中选择一个项目时。
3)第二个组合框将有一个教室内的学生列表，第一个组合框无需重新加载页面即可选择。
Ajax可以在Jsp/Servlet中做到这一点吗？
回答 1
Stack Overflow用户
发布于 2013-06-03 06:46:12
首先。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
function getStudents()(){
var classVal = $("#class").value();
var url = "getDataServlet";
$.ajax({
url : url, // Pass you Servlet Mapping / JSP Url
data : {
classId : classVal
}, // This will be passed as parameter to server (JSP/Servlet)
dataType : 'json',
success : function(response) {
alert('Success');
// perform tasks for success
// fill combo with json data received from server
},
error : function(request, textStatus, errorThrown) {
alert(request.status + ', Error: ' + request.statusText);
// perform tasks for error
}
});
}
</script>
<title>JQuery Demo</title>
</head>
<body>
<select name="class" id="class" onchange="getStudents();">
<option value='class1'>Class One</option>
<option value='class2'>Class Two</option>
</select>
<select name="student" id="student"></select>
</body>
</html>然后创建一个带有映射的Servlet，在How to Return Json response from Servlet ?上有很多问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16884534
复制相关文章
点击加载更多
腾讯云开发者
