Учу ASP.NET, хотелось что бы при нажатию на кнопку с именем папки отображается содержимое папки. В идеале страница не должна перезагружаться, а просто показывать данные папки, поэтому поискав в сети как это сделать наткнулся на Ajax.
Как посмотреть данные которые записываются в переменную
не знаю.
Но данные которые приходят в модель вот:
Совершенно не знаю что делать, всё что предлагал гугл не помогло.
P.s. если есть аналоги как это сделать буду рад узнать.
.cshtml:
@model ProfileViewModel
@{ViewBag.Title = "Profile/index.cshtml";}
<div>
<nav>
<div>
<form id="folderFormId">
<input type="hidden" asp-for="SelectedFolder" value="@Model.Folders[0]">
<button id="showFolder">@Model.Folders[0].Name</button>
</form>
</div>
</nav>
</div>
@section ShowFolder
{
<script type="text/javascript">
$('#showFolder').on('click', function () {
const data = $('#folderFormId').serialize();
$.ajax({
type: 'POST',
contentType: "application/json;",
url: '@Url.Action("ShowFolder", "Profile")',
data: data,
success: function (response) {
alert("ura");
},
error: function (response) {
alert("net");
}
});
});
</script>
}
Модель:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
namespace MyBookMarks.Models.ViewModels
{
public class ProfileViewModel
{
public string UserName { get; set; }
public long UserId { get; set; }
public string UserEmail { get; set; }
public List<Folder> Folders { get; set; }
public Folder SelectedFolder { get; set; }
}
}
библиотеки:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ajax-unobtrusive/3.2.6/jquery.unobtrusive-ajax.js"></script>