データの受け渡し HTML(thymeleaf) → javascript(jQuery) → Java(Spring) 

データの受け渡しについて書きます。

こんな感じでHTMLから出て、javascriptとJavaを経由してHTMLへデータを受けわたします。

HTML (thymeleaf) → javascript(jQuery) → Java(Spring) → HTML (thymeleaf)

<!-- HTML -->
<form type="post" name="sampleFormName" action="./sampleFormAction" id="sampleFormId">
  <input type="text" name="sampleData" value="Hello World!">
  <button type="submit" name="sampleFormSubmit"></button>
</form>

// javascript Pattern2
$("#sampleFormId").submit();

@Controller
public class HelloController {

  @RequestMapping(value = "/sampleFormAction", method = RequestMethod.POST)
  public String helloWorld(
      @RequestParam(name = "sampleData") String sample
      Model model) {
  
    model.addAttribute("message", sample);
  
    return "index";
  }
}

index.html

<!-- HTML -->
<p th:text="${message}"></p>

以上

Let's share SNS