Я новичок в AJAX, и у меня есть страница JSP, которая выглядит следующим образом:

Новый столбец имени пользователя позволяет мне вводить любую строку текста, и когда я нажимаю кнопку обновления пользователя, он должен обновить таблицу в моей базе данных.
Моя таблица в структуре базы данных имеет уникальный столбец AUSERNAME
, в котором хранится имя пользователя, как показано на скриншоте. После нажатия кнопки обновления он должен передать новое значение имени пользователя и обновить это поле в таблице. Это то, чего я пытаюсь достичь.
Я знаю, что мне нужно сделать AJAX-вызов на моей странице JSP, как показано ниже:
<script >
function update(param) {
var currentbal = document.getElementsByName('NewUserName' + param)[0].value;
console.log(currentbal);
$.ajax({
type: "POST",
url: "update.jsp",
data: { name: currentbal},
success:function( msg ) {
alert( "Data Updated: " + msg );
},error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
}
});
}
</script>
Что касается моей update.jsp
страницы, я не слишком уверен, как работать с ней и вносить изменения в таблицу. Я считаю, что мне нужно создать в нем функцию, но не знаю, как передать ей значения и использовать операторы sql для ее обновления.