버튼을 클릭 할 때 서버에 X 좌표와 Y 좌표를 전달하는 방법

Question

웹 페이지를 개발 중이며 한 번에 이미지 위에 클릭 단추의 X 및 Y 좌표를 얻습니다. 제출 버튼을 누르면 서버에이 값들을 전달하고 싶습니다.

이미지를 클릭하면 popover가 열립니다. 입력 텍스트와 제출 버튼이 있습니다.

$('.ImgMapa').popover({ 
     html: true, 
     trigger: 'manual', 
     title: "<form action='adiciona'><input type='text' name='nome'/>" 
      + "<button type='submit' id='saveStore' class='btn' value='Save'>Save</button></form>" 
    }) 

내 서블릿을 선언하고 양식과 연결했습니다. 내 입력 텍스트 문자열을 내 서버에 정상적으로 보낼 수 있습니다. 이를 위해 나는이 같은 HttpServlet을 클래스를 사용하고 있습니다 :

public class AddInfo extends HttpServlet { 

    @Override 
    public void service(ServletRequest request, ServletResponse response) 
      throws ServletException, IOException { 

     PrintWriter out = response.getWriter(); 

     String name = request.getParameter("nome"); 
} 

을 그 코드로, 나는 팝 오버에 삽입 된 이름 값을 얻을 수 있습니다. 그러나 X 좌표와 Y 좌표를 어떻게 전달할 수 있습니까?

Obs : 이미 X와 Y 좌표로 2 개의 자바 스크립트 변수가 있습니다. 내가 원하는 것은 popover의 submit 버튼이 눌려지면이 2 개의 값을 내 서버에 전달하는 것입니다.

Answer 1

다른 더 우아한 방법이 있지만 가장 간단한 방법은 숨겨진 입력 필드를 만드는 것입니다. 그런 다음 GET/POST를 사용하고 onclick 이벤트 핸들러를 사용하여 값을 X, Y 값으로 설정합니다.

HTML :

<input type=hidden name="xValue"/> 
<input type=hidden name="yValue"/> 

자바 스크립트 : 나에게 방향을주는

<script> 
function submitxy(x , y){ 
    document.form.xValue.value = x; 
    document.form.yValue.value = y; 
} 
</script>