0

我是 Ajax 的新手,我在思考如何做到这一点时遇到了麻烦,我将简要描述一下。

我有 2 个组合框:

1) 第一个组合框包含教室列表。

2)当您在第一个组合框中选择一个项目时(例如教室)。

3)然后第二个组合框将有一个教室内的学生列表,第一个组合框在不重新加载页面的情况下选择该列表。

Ajax 是否可以在 Jsp/Servlet 中执行此操作?

4

1 回答 1

0

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 ?.

于 2013-06-03T06:46:12.070 回答