Java Spring MVC@PathVariable注释

Java Spring MVC@PathVariable注释,java,spring,jsp,web,Java,Spring,Jsp,Web,我正在努力解决spring注释之一,即@PathVariable。我期待着在你们身上找到帮助 我的目标是让url看起来像“./product/1”而不是“./product?productId=1”,但我的主要问题是我想在文本框中输入id号,然后用按钮提交。示例:如果我在文本框中键入1,我希望从数据库接收id为1的元素的页面 当我在购物车页面时,所有这些都会发生。 我的代码 JSP文件 <form:form class="form-inline my-2 my-lg-0"

我正在努力解决spring注释之一,即@PathVariable。我期待着在你们身上找到帮助

我的目标是让url看起来像“./product/1”而不是“./product?productId=1”,但我的主要问题是我想在文本框中输入id号,然后用按钮提交。示例:如果我在文本框中键入1,我希望从数据库接收id为1的元素的页面

当我在购物车页面时,所有这些都会发生。

我的代码

JSP文件

        <form:form class="form-inline my-2 my-lg-0" action="product" method="get">
            <input class="form-control mr-sm-2" type="text"  placeholder="Search" name="productId"/>
            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form:form>

您可以将按钮类型更改为
button
,并将javascript函数编写为
submitForm

<form:form class="form-inline my-2 my-lg-0" action="product" method="get">
                <input class="form-control mr-sm-2" type="text"  placeholder="Search" name="productId" id="productId"/>
                <button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="javascript:submitForm()">Search</button>
            </form:form>
<form:form class="form-inline my-2 my-lg-0" action="product" method="get">
                <input class="form-control mr-sm-2" type="text"  placeholder="Search" name="productId" id="productId"/>
                <button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="javascript:submitForm()">Search</button>
            </form:form>
function submitForm(){
   var prodId = document.getElementById("productId").value;   
   $.ajax({
       url : '/product/'+prodId;
       ... 
  })
}