2013-02-25 23 views
1

我正在開發一個網頁,並且在某一時刻,我獲取圖像上單擊按鈕的X和Y座標。當我點擊提交按鈕時,我想將這些值傳遞給我的服務器。單擊按鈕時如何將X和Y座標傳遞給服務器

當我點擊圖片時,彈出窗口打開。它有一個輸入文本和一個提交按鈕。

$('.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>" 
    }) 

我聲明瞭我的servlet並將它與我的表單關聯。我可以通常將我的輸入文本字符串發送到我的服務器。對於我使用的是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 .:我已經有2個帶有X和Y座標的javascript變量。我想要做的就是當popover中的提交按鈕被擊中時,將這兩個值傳遞給我的服務器。

回答

3

雖然還有其他更優雅的方法,最簡單的方法是簡單地創建一個隱藏的輸入字段。然後在使用GET/POST之前和onclick事件處理程序將值設置爲X,Y值。

HTML:

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

的JavaScript:

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

謝謝你給我一個方向!我實際上使用jQuery來改變隱藏的輸入。我使用了類似於:\t $(「input [name ='xValue']」)。val(「30」); – 2013-02-26 23:47:39

相關問題