Question

我是Ajax的新手，我很难想到如何做到这一点，我将简要介绍一下。

我有2个组合框：

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

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

3）然后，第二个组合框将在教室内列出第一个组合框选择的学生列表，而不重新加载页面。

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

Answer 1

首先。

<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 ?上有很多问题。

动态Ajax ComboBox Jsp / Servlet

1 个答案: