Delete using ajax in .NET MVC

See more:

Ajax

MVC5

I am calling Delete controller method from ajax on button click but when i click the button it gives error like "Object reference not set to an instance of an object."

I have write a code for the ajax and calling delete method previously the javascript code get called on every page load rather than on button click but then i add e.preventDefault(); The issue is now it is giving error rather then moving to the controller delete method.

My Javascript code

<script>
    function DeleteCall(id) {

          // $(document.getElementById("sbmtInput").click(function(e){}
           $('btnDelete').click(function (e) {

           e.preventDefault();
               $.ajax({
       type: "POST",
       url: '@Url.Action("Delete", "Student_Experience")',
       data: JSON.stringify({ id: id }), //use id here
       dataType: "json",
       contentType: "application/json; charset=utf-8",
       success: function () {
               // alert("Data has been deleted.");
           location.reload();
           $(".demo1").html(result);
           },
       error: function () {
               alert("Error while deleting data");
           }
       });
   });
   </script>

my Button code

<input type="submit" id="btnDelete" onclick="DeleteCall(@item.ID)" value="Delete" class="btn btn-sm btn-danger" />

My Controller code

[HttpGet]
       public ActionResult Delete(int? id)
       {
           if (id == null)
           {
               return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
           }
           Student_Experience student_Experience = db.Student_Experience.Find(id);
           if (student_Experience == null)
           {
               return HttpNotFound();
           }
          // Student_Experience student_Experience = db.Student_Experience.Find(id);
           db.Student_Experience.Remove(student_Experience);
           db.SaveChanges();
           return RedirectToAction("Create","Students");
          // return View(student_Experience);
       }

What I have tried:

As shown above i have tried to write the code but i am getting error on clicking delete button "

Object reference not set to an instance of an object.

" also it get call on page load rather than on click