서버에 Jquery 단추의 값 제출

Question

여러 개의 단추가있는 양식이 있으므로 단추를 클릭 이벤트에 바인드 할 수 있도록 스크립트를 사용하여 서버에 양식을 제출하고 싶습니다. 서버 측에서 나는 클릭 된 버튼의 값을 얻을 수 있기를 원합니다. 어떻게이 일을 성취 할 수 있습니까?

양식을 게시하는 데 일반적인 방법을 사용하면 request.getParameter()를 수행하고 클릭 한 버튼의 값을 가져올 수 있습니다. 또한 서버 측에서 request.getParameter()를 수행하여이 매개 변수 또는 다른보다 효율적인 메소드를 얻고 싶습니다. 에서 내가 무엇을 가지고 :

JQuery와

function submitPage(){ 

     document.getElementById("citizenRegistration").action="citizen_registration.htm"; 
     document.getElementById("citizenRegistration").target="_self";  
     document.getElementById("citizenRegistration").method = "POST"; 
     document.getElementById("citizenRegistration").submit(); 

    } 

    $(document).ready(function(){   

     $('#query').click(function(e){ 
      e.preventDefault(); 
        //need to send the value of the button to server 
        alert($(this).val()); 
      //alert("hello"); 
      submitPage(); 

     }); 

    }); 

JSP로

<li><input id="save" type="submit" name= "user_request" value="Save"/> 
    <input id="update" type="submit" name= "user_request" value="Update"/> 
    <input id="query" type="submit" name= "user_request" value="Query"/> 
</li> 

Answer 1

function submitPage(actionFlag){ 

    // actionFlag value can be save,update,Query 

    document.getElementById("citizenRegistration").action= 
         "citizen_registration.htm?actionFlag="+actionFlag; 

    document.getElementById("citizenRegistration").target="_self";  
    document.getElementById("citizenRegistration").method = "POST"; 
    document.getElementById("citizenRegistration").submit(); 

} 

그리고 당신은 기능 버튼 값을 보낼 수 있습니다.

$('#query').click(function(e){ 
     e.preventDefault(); 
     //need to send the value of the button to server 
     var buttonVal = $(this).val(); 
     alert(buttonVal); 
     submitPage(); 
    }); 

희망이 도움이 될 것입니다.