JSP - 함수 호출

Question

버튼과 일부 데이터를 표시하는 함수가 있습니다. 버튼 클릭시이 기능을 호출하고 싶습니다. 데이터는 동일한 페이지에 표시되어야합니다. 나는 앞으로 페이지를 원하지 않는다. 또한 JavaScript를 피하고자합니다. 어떻게해야합니까? 여기

<form > 
Number of jobs: <select name="jobs"> 
    <option value="10">10</option> 
    <option value="25">25</option> 
    <option value="50">50</option> 
    <option value="100">100</option> 
    <option value="500">500</option> 
</select><br> 

Number of PE:<select name="process"> 
    <option value="2">2</option> 
    <option value="5">5</option> 
    <option value="10">10</option> 
    <option value="25">25</option> 
</select> 
<input type=submit value="Submit" onClick=check(x,y)> 
</form> 
</text1> 


void check(int x, int y) 
{ 
<jsp:include page="table" > 
    <jsp:param name="jobs" value=x/> 
    <jsp:param name="process" value=y/> 
    </jsp:include> 
} 

내가 버튼을 클릭 (제출)의 기능 검사()를 호출 할 코드 -에게 있습니다. 또한 드롭 다운 목록에서 선택한 값을 함수의 인수로 보내려고합니다.

Answer 1

페이지를 앞으로 보내지 않겠습니다. 또한 자바 스크립트를 피하고 싶습니다.

나는 모두 거부 할 수 없다고 생각합니다.

jQuery/Ajax 호출을 사용하면 같은 페이지의 데이터를 제출하지 않고도 표시 할 수 있습니다.

예 : 귀하의 예에서

<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     function getData() { 
      var dataToBeSent = { 
      param1 : $("#jobs").val() , 
      param2: $("#process").val() 
      }; // you can change parameter name 

      $.ajax({ 
       url : 'getDataServlet', // Your Servlet mapping or JSP(not suggested) 
       data :dataToBeSent, 
       type : 'POST', 
       dataType : 'html', // Returns HTML as plain text; included script tags are evaluated when inserted in the DOM. 
       success : function(response) { 
        $('#outputDiv').html(response); // create an empty div in your page with some id 
       }, 
       error : function(request, textStatus, errorThrown) { 
        alert(errorThrown); 
       } 
      }); 
     } 

}); 

HTML :

Number of jobs: <select name="jobs" id="jobs"> 
    <option value="10">10</option> 
    <option value="25">25</option> 
    <option value="50">50</option> 
    <option value="100">100</option> 
    <option value="500">500</option> 
</select><br> 

Number of PE:<select name="process" id="process"> 
    <option value="2">2</option> 
    <option value="5">5</option> 
    <option value="10">10</option> 
    <option value="25">25</option> 
</select> 
<input type=submit value="Submit" onClick=getData();>