Code for deleting an employee record via JQuery Ajax from ASP.net Core MVC

Let's say we have an Employee Model (Employee.cs) in the Models Folder as

public class Employee
{       
        public int id { get; set; }
        public string name { get; set; }
        public string gender { get; set; }
        public int age { get; set; }
        public int salary { get; set; }
}

The EmployeeController (EmployeeController.cs) is as under

using Microsoft.AspNetCore.Mvc;
using System.Collections.Generic;
using WebAPI_Asp.netCore.Model;
using WebAPI_Asp.netCore.Repository;

namespace WebAPI_Asp.netCore.Controllers
{    
    [Route("Employee")]
    public class EmployeeController : Controller
    {
        public EmployeeController(IEmployeeRepository employees)
        {
            EmployeeRecords = employees;
        }
        public IEmployeeRepository EmployeeRecords { get; set; } 

        [Route("DeleteEmployeeRecord")]
        [HttpDelete]
        public List<Employee> DeleteEmployeeRecords(int employeeId)
        {
            return EmployeeRecords.DeleteEmployee(employeeId);
        }
    }
}

Function to delete an employee record

function DeleteEmployee() {



    jQuery.support.cors = true;

    var id = $('#txtEmpId').val()



    $.ajax({

        url: 'http://localhost:41207/api/employee/' + id,

        type: 'DELETE',

        contentType: "application/json;charset=utf-8",

        success: function (data) {

            alert('Employee deleted Successfully');

        },

        error: function (x, y, z) {

            alert(x + '\n' + y + '\n' + z);

        }

    });

}