无法序列化Ajax表单

I'm trying to make a drop down menu that whenever an option is selected it needs to update a row in a database. I'm creating the drop down menu with this code

Form

using (Ajax.BeginForm("PartialViewName", "admin", null, new AjaxOptions
        {
            HttpMethod = "Post",
            InsertionMode = InsertionMode.Replace,
            //LoadingElementId = "LoadingLink",
            UpdateTargetId = "PartialViewName"

        }, new { id = "connectNewForm" }))

The drop down code

<select name="statusDD" onchange="ChangeStatus(this.value)">
            <option value="">Update Status</option>
            <option value="1">Open</option>
            <option value="2 ">In Progress</option>
            <option value="3">Pending</option>
            <option value="4">To Be Verified</option>
            <option value="5">Approved</option>
            <option value="6">Disapproved</option>
            <option value="7">Closed</option>
        </select>

The ChangeStatus

function ChangeStatus() {

    var form = jQuery(".FormID");

    var formData = form.serialize();

    $.ajax({
        url: "/Controller/ActionResult",
        data: formData,
        cache: false,
        error: function (e) {

            if (form == null) {
                alert("DIDN'T WORK FORM IS NULL");
            }
            else {
                alert("DIDN'T WORK something else");
            }


        },
        success: function (response) {
            // A response to say if it's updated or not
            alert("worked");
        }
    });

}

In the controller

public ActionResult UpdateStatus(int id, FormCollection formValues)
  {

    int ID = util.IntUtilParse(formValues["ID"]);
    int newStatus = util.IntUtilParse(formValues["Status"]);
    using (var dbContext = new Project.OpenAccess.DataBase())
    {
        //var swm = dbContext.StoredProcedure(
        var swm = dbContext.StoredProcedure(ID, newStatus);
        dbContext.SaveChanges();

        return PartialView();
    }
}

Whenever I select an option it goes through the ajax and then throws an error and never makes it to the controller. I'm very new to Ajax and I'm not sure whats going on.

$.ajax({
    url: "/Controller/ActionResult",
    data: formData,
    cache: false,

Try changing to

$.ajax({
    url: 'http://localhost\\:#####/{Controller Name}/UpdateStatus',
    data: formData,
    type: "POST",
    cache: false,

Not 100% on your application logic, but this is why you're not hitting the controller. Note that the placeholder is indicating the name of your controller, since the name of it is not posted. For example if the name is CustomerController then your ajax url will look as such url: 'http://localhost\\:#####/Customer/UpdateStatus'