如何在不使用Form Tag的情況下將文本字段值從Jsp頁面傳遞給Spring Controller

Question

我有3個字段，如Name, Age, Address ，它有一個默認值來自數據庫，現在我想使用編輯按鈕編輯或更新每個字段值，所以我想將字段編輯值從jsp傳遞給spring控制器。

<input type="text" value="${map.Fname}" id="nameEdit" disabled>
<input type="button" class="btn btn-outline-default float-right btn-sm" value="Edit" onclick="nameEdit()">
<input type="submit" value=submit>

這里我有兩個按鈕編輯用於編輯默認值另一個提交按鈕，用於提交在文本字段中輸入的值。

Answer 1

如果您不想使用Form其他方式將使用來自jQuery或JavaScript POST調用

我們假設您的Rest Controller看起來像這樣

@PostMapping("/save")
public void saveDetail(@RequestBody UserDetail data){

}

因為你不想使用表單，你可以用這樣的按鈕替換類型提交

<input type="button" value="submit" id="btnSubmit">

使用jQuery進行POST調用

var data = {
   "fname" : "Test",
   "lname" : "Test",
}

$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: "application/json"
});

使用JavaScript

var xhr = new XMLHttpRequest();
var url = "url";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var json = JSON.parse(xhr.responseText);
        console.log(json.email + ", " + json.password);
    }
};
var data = JSON.stringify(data );
xhr.send(data);