How To delete a record in asp .net mvc using ajax

Step-1:
--------
Add MicrosoftAjax.js and jquery-1.4.1.min.js to your view page. These 2 js file is already present in script folder .

Step:-2
---------

Write Following Code
<script type="text/javascript">

    function deleteRecord(recordId,lnk) {
        // Perform delete
//It is the link to the action in which you have written your delete functionality
        var action = "/Test/Delete/" + recordId;
//This is create the request to your controller
        var request = new Sys.Net.WebRequest();
        request.set_httpVerb("DELETE");
        request.set_url(action);
        request.add_completed(deleteCompleted(lnk));
        request.invoke();
    }

    function deleteCompleted(lnk) {
        // Delete That link from view page after success
        $(lnk).parent().parent().remove();
    }

</script>

Step:3
-------
Your Delete Link Should Be like this
<a onclick="deleteRecord(1,this)" href="JavaScript:void(0);">Delete</a>

Step -4:
-------
Your Delete Action Should be like this

[AcceptVerbs(HttpVerbs.Delete)]

       public ActionResult Delete(int id)

       {

//Do Your delete Code;

           return Json("");

       }