1

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

4

1 回答 1

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>
于 2013-02-25T03:01:31.587 回答