单击按钮时如何将X和Y坐标传递给服务器答案

【问题标题】：how to pass X and Y coordinates to the sever when a button is clicked单击按钮时如何将X和Y坐标传递给服务器
【发布时间】：2013-02-25 02:43:27
【问题描述】：

我正在开发一个网页，有一次我获得了图像上单击按钮的 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 变量。我要做的就是在弹出窗口中的提交按钮被点击时将这两个值传递给我的服务器。

【问题讨论】：

标签： javascript servlets button submit popover

【解决方案1】：

虽然还有其他更优雅的方法，但最简单的方法是简单地创建一个隐藏的输入字段。然后在 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>

【讨论】：

感谢您给我指路！我实际上使用 jQuery 来更改隐藏的输入。我使用了类似的东西： $("input[name='xValue']").val("30");