我是 Ajax 的新手,我在思考如何做到这一点时遇到了麻烦,我将简要描述一下。
我有 2 个组合框:
1) 第一个组合框包含教室列表。
2)当您在第一个组合框中选择一个项目时(例如教室)。
3)然后第二个组合框将有一个教室内的学生列表,第一个组合框在不重新加载页面的情况下选择该列表。
Ajax 是否可以在 Jsp/Servlet 中执行此操作?
To start with.
<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>
Create a Servlet with mapping Then, There are plenty of questions on How to Return Json response from Servlet ?.