Использование jQuery для предотвращения действия формы пойманной ошибки

Question

Я хочу сохранить стандартное имя данных в базу данных, используя jQuery с необязательной формой th:action и перенаправление.

Я попытался с этим, но поймал ошибку.

Если вы знаете причину этой ошибки, пожалуйста, объясните здесь.

Thymeleaf код

<form action="#" > 
<table> 
<h1>Create Standard</h1> 
<tr> 
<td>Standard Name:</td> 
<td><input type="text" th:value="${standardName}" placeholder="Enter Standard Name" required="required"id="std" name="stdName"/></td></tr> 
<td><input type="submit" class="btn btn-primary" value="Create" id="savebutton" name="save" /></td> 
</table> 
</form> 

Я использую JQuery из-за перенаправления и формы действия не работают здесь. Это мое требование, поэтому я использую jQuery.

JQuery

<script type="text/javascript" th:inline="javascript" charset="utf-8" 
    src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script type="text/javascript" th:inline="javascript" charset="utf-8" 
    src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

<script> 
$(document).ready(function(){ 
    $("#savebutton").click(function(){ 

    $.ajax({ 
     type : 'POST', 
     url : "/saveStandards.html ", 
      data : ({ 
       std : standardName //this standardName not defined that is the error 
      }) 

    }); 

    }); 
}); 
</script> 

Контроллер

@RequestMapping(value = Array("/saveStandards.html")) 
    @ResponseBody 
    def saveStandards(@RequestParam std:String) { 
    var standard:Standard=new Standard 
    standard.setCreatedDate(new java.sql.Date(new java.util.Date().getTime)) 
    standardService.addStandard(standard) 
    println("*****inside controller*****"+std+"****last***")//here std is not printing because of the value not catch @ here 

}

ошибка пойманы:

Uncaught ReferenceError: standardName не определен

Answer 1

Это происходит потому, что вы не имеете переменную, объявленную с именем standardName, вы можете исправить, как показано ниже

$(document).ready(function(){ 
    $("#savebutton").click(function(){ 

     $.ajax({ 
      type : 'POST', 
      url : "/learnware/saveStandards.html ", 
      data : ({ 
       std : $('#std').val() 
      }) 

     }); 

    }); 
});