Hướng dẫn Xây dựng Hệ thống Quản lý Tin tức kết hợp giữa ASP.NET MVC Core và Ajax

                    <p>
                        <a class="btn btn-danger create">Tạo mới</a>
                    </p>

        $(document).on('click', '.create', function () {
            $('#modal-form').modal('show');
            $('.modal-title').text('Tạo mới tin tức');
            $('#btn-save').attr('data-action', '/Admin/News/Create');
            $('#form-news').trigger('reset');
        });

<div id="modal-form" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <form id="form-news" method="post" action="#">
                    <div class="alert alert-danger hidden" id="alert-fail"></div>
                    <div class="form-group">
                        <label for="Title">Tiêu đề</label>
                        <input type="text" class="form-control" id="Title" name="Title" placeholder="Nhập tiêu đề bài viết" required>
                    </div>
                    <div class="form-group">
                        <label for="Description">Mô tả</label>
                        <input type="text" class="form-control" id="Description" name="Description" placeholder="Nhập mô tả">
                    </div>
                    <div class="form-group">
                        <label for="SubjectContent">Nội dung</label>
                        <input type="text" class="form-control" id="SubjectContent" name="SubjectContent" placeholder="Nhập nội dung tin" required>
                    </div>
                    <div class="form-group">
                        <label for="CategoryId">Danh mục tin tức</label>
                        @Html.DropDownList("CategoryId", (SelectList)ViewBag.NewsCategory, new { @class =
                        "form-control", @id = "cboNewsCategoryId" })
                    </div>
                    <div class="form-group">
                        <label for="Avatar">Ảnh đại diện</label>
                        <input type="text" class="form-control" id="Avatar" name="Avatar" placeholder="Nhập địa chỉ ảnh đại diện" required>
                    </div>
                    <div class="form-group">
                        <label for="DateUpdate">Ngày cập nhật</label>
                        <input type="text" disabled class="form-control" id="DateUpdate" name="DateUpdate" placeholder="Nhập ngày cập nhật" required>
                    </div>
                    <div class="form-group">
                        <label for="Status">Trạng thái</label>
                        @Html.CheckBox("Status", true)
                    </div>

                    <input type="hidden" id="Id" name="Id" />
                    <input type="hidden" id="UserId" name="UserId" />
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" id="btn-save">Lưu lại</button>
            </div>
        </div>
    </div>
</div>

       // Save news
       $(document).on('click', '#btn-save', function (event) {
           event.preventDefault();  // Chặn hành động gửi form mặc định
           var form = $('#form-news');
           var data = form.serializeArray();
           // Lấy giá trị từ các trường thuộc tính của news trong form
           // Ví dụ:
           var news = {
               Id: $('#Id').val(),
               UserId: $('#UserId').val(),
               Title: $('#Title').val(),
               Description: $('#Description').val(),
               SubjectContent: $('#SubjectContent').val(),
               Avatar: $('#Avatar').val(),
               CategoryId: $('#cboNewsCategoryId').val(),
               DateUpdate: $('#DateUpdate').val(),
               Status: $('#Status').is(':checked') // Lấy giá trị checked của trường Status
           };
           data.push({ name: 'news.Title', value: news.Title });
           data.push({ name: 'news.Description', value: news.Description });
           data.push({ name: 'news.SubjectContent', value: news.SubjectContent });
           data.push({ name: 'news.Avatar', value: news.Avatar });
           data.push({ name: 'news.CategoryId', value: news.CategoryId });
           data.push({ name: 'news.Status', value: news.Status });
           data.push({ name: 'news.Id', value: news.Id });
           data.push({ name: 'news.UserId', value: news.UserId });
           data.push({ name: 'news.DateUpdate', value: news.DateUpdate });
          
           $.ajax({
               url: $(this).data('action'),
               type: 'POST',
               data: $.param(data),
               success: function (response) {
                   if (response.success) {
                       location.reload();
                   } else {
                       $('#alert-fail').removeClass('hidden');
                       $('#alert-fail').text('Yêu cầu nhập đầy đủ thông tin');
                   }
               },
               error: function (error) {
                   console.log(error);
               }
           });
          
       });

        public IActionResult Create()
        {
            ViewBag.NewsCategory = new SelectList(newsRepository.GetAllNewsCategory(), "Id", "CategoryName");
            return View();
        }
Đây là Action với HttpGet dùng để đổ dữ liệu lên DropdownList của NewsCategory(Danh mục loại tin tức)
        [HttpPost]
        public JsonResult Create(News news)
        {
            try
            {
                // Lấy giá trị từ các trường thuộc tính của news trong form
                var model = new News
                {
                    Title = news.Title,
                    Description = news.Description,
                    SubjectContent = news.SubjectContent,
                    CategoryId = news.CategoryId,
                    Avatar = news.Avatar,
                    Status = news.Status
                };
                model.DateUpdate = Common.Common.GetServerDateTime();
                var user = User as ClaimsPrincipal;
                var userName = user?.FindFirstValue(ClaimTypes.Name);
                model.UserId = userRepository.GetByUserName(userName).UserId;
                newsRepository.Insert(model);

                SetAlert("Insert Data is success!", "success");

                /* }*/
            }
            catch (Exception ex)
            {
                return Json(new { success = false, message = ex.Message });
            }
            return Json(new { success = true });
        }

        public static DateTime GetServerDateTime()
        {
            return DateTime.Now.ToUniversalTime().AddHours(7);
        }

       $(document).on('click', '.edit', function () {
            var id = $(this).data('id');
            $.get('/Admin/News/Edit', { id: id })
                .done(function (response) {
                    if (response.success) {
                        $('#modal-form').modal('show');
                        $('.modal-title').text('Chỉnh sửa tin tức');
                        $('#btn-save').attr('data-action', '/Admin/News/Edit');
                        $('#Id').val(response.data.id);
                        $('#Title').val(response.data.title);
                        $('#Description').val(response.data.description);
                        $('#SubjectContent').val(response.data.subjectContent);
                        $('#Avatar').val(response.data.avatar);
                        $('#cboNewsCategoryId').val(response.data.categoryId);
                        $('#DateUpdate').val(response.data.dateUpdate);
                        $('#UserId').val(response.data.userId);                   
                        $('#Status').prop('checked', response.data.status);
                    } else {
                        alert(response.message);
                    }
                })
                .fail(function (error) {
                    console.log(error);
                });
        });

        [HttpGet]
        public IActionResult Edit(int id)
        {
            News news = newsRepository.GetById(id);
            ViewBag.NewsCategory = new SelectList(newsRepository.GetAllNewsCategory(), "Id", "CategoryName");
            var data = new
            {
                Id = id,
                Title = news.Title,
                Description = news.Description,
                SubjectContent = news.SubjectContent,
                CategoryId = news.CategoryId,
                DateUpdate = news.DateUpdate.ToString("dd/MM/yyyy"),
                Avatar = news.Avatar,
                Status = news.Status,
                UserId = news.UserId,
            };

            return new JsonResult(new { success = true, data = data });
        }

        [HttpPost]
        public JsonResult Edit(News news)
        {
            try
            {
                // Lấy giá trị từ các trường thuộc tính của news trong form
                var newp = new News
                {
                    Id = news.Id,
                    Title = news.Title,
                    Description = news.Description,
                    SubjectContent = news.SubjectContent,
                    CategoryId = news.CategoryId,
                    Avatar = news.Avatar,
                    Status = news.Status,
                    UserId = news.UserId,
                };
                if (news.DateUpdate != null)
                {
                    newp.DateUpdate = DateTime.ParseExact(news.DateUpdate.ToString("dd/MM/yyyy"), "dd/MM/yyyy", null);
                }
                newsRepository.Update(newp);
                SetAlert("Update Data is success!", "success");
            }
            catch (Exception ex)
            {
                return Json(new { success = false, message = ex.Message });
            }
            return Json(new { success = true });
        }