Получил этот модальный режим, который открывается, когда пользователь нажимает кнопку обновления:
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="edit-modal-title">Editar Credencial</h5>
</div>
<div class="modal-body">
<table id="edit-credentialsTable">
<tr class="row">
<th id="edit-modal-user">Usuario</th>
<th id="edit-modal-pass">Clave</th>
<th id="edit-modal-notes">Notas</th>
</tr>
<tr class="row">
<td><input type="text" id="newUser"/></td>
<td><input type="text" id="newPass"/></td>
<td><input type="text" id="newNotes"/></td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
Это код JS, который отправляется на контроллер:
$("#credentialsTable").on('click',"button[id^='edi-']", (e) => {
$('#credentialsModal').modal('hide');
$('#editModal').modal('show');
var credentialId = e.target.id;
var newUser = $('#newUser').val();
var newPass = $('#newPass').val();
var newNotes = $('#newNotes').val();
$.post( "/fisicHost/" + credentialId + "/credentials/update", data => {
console.log(data);
});
});
но я 'я потерял отсюда ... Я не знаю, как обработать обновление, чтобы показать его в интерфейсе.
Как мне публиковать значения новых отредактированных полей?Я не должен отправлять их в URL, потому что я знаю, что это плохая практика, верно?
Это контроллер, который будет обрабатывать сообщение:
@RequestMapping(value = "/fisicHost/{id}/credentials/update", method = RequestMethod.POST)
public void updateCredential(@PathVariable(value = "id") String credId){
String[] parts = credId.split("-");
int id = Integer.parseInt(parts[1]);
Credential credential = credentialService.getCredentialById(id);
credentialService.update(credential);
}