Когда пользователь нажимает кнопку, новая строка таблицы будет создана с помощью jQuery. В то же время вызов AJAX отправляется на мой бэкэнд и создает новый объект. Я пытаюсь найти способ ссылки на каждую строку с ее объектом, созданным в бэкэнде.
Я уже некоторое время думаю о том, как лучше всего это сделать с помощью Thymeleaf или в Java и jQuery, но мне еще предстоит найти способ. Ниже приведен мой код, когда пользователь нажимает кнопку.
function createSelectorData() {
var search2 = {
"dtoTiername": "Test"
}
$.ajax({
type: "POST",
contentType: 'application/json; charset=utf-8',
dataType: 'text',
url: "/ajax/createSelector",
data: JSON.stringify(search2),
success: function(result) {
console.log("Success: " + result);
$(".createTierRow").on("click", function(event) {
$(".tAdd tbody").append(
"<tr>" +
"<td>New Selector</td>" +
"<td><button class=\"btn btn-sm btn-danger btnD\">Delete</button></td>" +
"</tr>");
});
},
error: function(err) {
console.log("Errorr: " + err);
}
});
}
@RequestMapping("/ajax/createSelector")
public @ResponseBody String getCreationSelector (@RequestBody TestApp mTestApp, HttpServletRequest request)
{
String val = mTestApp.getDtoTiername();
gpSelected.setSelectorToList(new SelectorDTO());
System.out.println(gpSelected.getSelAryLength());
// This object that is being returned, I want to associate it with my table row
return Object;
}