具有路径变量的

Question

我有一个方法get和一个动作的表单。当我提交表单时，action参数包含id作为标准参数，如?id=1。如何将此参数作为路径变量传递？

<form method="get" th:action="@{/mycontroller/}">
    <input type="text" id="id" name="id"/>
    <input type="submit"/>
</form>

Answer 1

您的 html：

<form id="myForm" method="get" th:action="@{/mycontroller/}">
    <input type="text" id="id" name="id"/>
    <input type="submit"/>
</form>

然后使用 JQuery ，您可以执行以下操作：

var $form = $( '#myForm' );
var $idField = $( "#id" );

$form.submit( function( event ) {

  // respects th:action="@{/mycontroller/}" and appends id
  $form.attr( 'action',  $form.attr('action') + $idField.val() );

  // otherwise ?id=xx
  $idField.prop( "disabled", true );

  // submits the form in the normal way !
  return;
});