У меня есть это как js код файла:
$(function () {
const $depositForm = $('#deposit-form');
$depositForm.on('submit', function (event) {
event.preventDefault();
const dataToSend = $depositForm.serialize();
$.post($depositForm.attr('action'), dataToSend, function (serverData) {
$('#deposit-section').prepend(serverData);
});
});
});
В моем виде индекса Депозит я вызываю частичное представление:
<div class="padding" style="position:relative">
<div>
@await Html.PartialAsync("_DepositPartial", Model);
</div>
И в моем частичном представлении у меня есть форма с id = "deposit-form". Теперь я знаю, что у меня есть эта вещь в $ '# deposit-section', которую мне, возможно, нужно использовать в качестве id в моем divгде я называю частичное представление.Но при каждой отправке я получаю новую форму с кнопкой.Если я не использую $ ('# deposit-section') в качестве идентификатора для моего div, где я вызываю частичное представление, когда я загружаю браузер и нажимаю "Отправить" столько раз, сколько возможно, ничего не происходит.Только после перезагрузки страницы в моем представлении выше в качестве навигационной панели я вижу обновленную сумму денег.Как я могу сделать так, чтобы при каждой отправке он обновлялся, не перезагружая страницу (таким образом используя AJAX правильно), но также не получая ту же самую форму под моей последней формой при каждой отправке?