動態阿賈克斯組合框JSP/Servlet的

我新的Ajax和我無法思考如何做到這一點，我將描述它在簡短。動態阿賈克斯組合框JSP/Servlet的

我有2個組合框：

1）第一個組合框中包含教室的列表。

2）當您在第一個組合框（例如教室）中選擇一個項目時。

3）第二個組合框將在教室內有一個第一個組合框選擇而不重新加載頁面的學生列表。

Ajax可以在Jsp/Servlet中做到這一點嗎？

2013-06-02 zBaoAnhLe

這對JSP/Servlets來說當然是可能的，我們可以*爲您提供一個工作示例。但那會對你產生不利影響。你*需要*來獲得自己的知識才能繼續下去。按照我的口味，[coreservlets.com]（http://coreservlets.com/）是一個很好的起點。 – skuntsel

如果你有一個例子，請告訴我...我會獲得知識，因爲我這樣做，我相信:) .. – zBaoAnhLe

開始。

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

來源

2013-06-03 06:46:12

動態阿賈克斯組合框JSP/Servlet的

回答

相關問題