Şimdide Ajax ile Post işlemi ile Delete nasıl yapılır sırasi ile ona bakalım.
Önce BackEnd tarafını yazdım
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
[HttpPost] public IActionResult DeleteStudent(int studentId) { var student = students.FirstOrDefault(i => i.Id == studentId); if (student != null) { students.Remove(student); var studentJson = JsonConvert.SerializeObject(student); return Json(studentJson); } else { return View(); } } |
Sonrada Önyüz tarafını yazdım
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<div class=“text-center”> <button type=“button” id=“btnGetDelete” class=“btn btn-outline-danger mb-3”> Student Delete</button> <div id=“studentList” class=“container”> </div> <br /> </div> <div> <span>Student ID</span> <input type=“text” id=“studentId” class=“form-control col-6 mb-3” /> </div> $(“#btnGetDelete”).click(function () { let id = $(“#studentId”).val(); $.ajax({ type: “Post”, url: “/Home/DeleteStudent”, data: { studentId: id }, success: function (response) { let list = jQuery.parseJSON(response) alert(“Successfully deleted”); }, error: function () { alert(“Content load failed!!”); } }); }); |
Sonuç
Kaynak Kodlar : https://github.com/Mesut66/.Net-Core-Ajax-lemleri
sağlıcakla kalın…
Bir yanıt yazın