2013-06-02 2 views
0

Я новичок в Ajax, и у меня возникли проблемы с мыслью, как это сделать, я опишу его вкратце.Динамический Ajax ComboBox Jsp/Servlet

У меня есть 2 комбо-боксы:

1) Первый выпадающий содержат список классов.

2) Когда вы выбираете элемент в первом поле со списком (например, класс).

3) Второе поле со списком будет иметь список учеников внутри класса, в котором будет выбран первый комбинированный блок без перезагрузки страницы.

Возможно ли Ajax сделать это в Jsp/Servlet ?.

+0

Это, конечно, возможно с помощью JSP/Servlets, и мы * можем * предоставить вам рабочий пример. Но это будет вам неприятность. Вы * должны * для получения знаний самостоятельно. На мой вкус, [coreservlets.com] (http://coreservlets.com/) - отличная отправная точка. – skuntsel

+0

если у вас есть пример, пожалуйста, покажи мне ... я получу знания, как я это делаю, я верю :) .. – zBaoAnhLe

ответ

0

Для начала.

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

Создание сервлета с отображением Тогда, Есть много вопросов по How to Return Json response from Servlet ?.

Смежные вопросы