Question

I have a ASP.NET MVC application and I have a few entries on the page that user can change and click Save and I go save those entries. My problem: It works fine for some entries and for other entries it just doesn’t go in the controller Save function to do the save.
My code:

 function DoSave() {
         $("#pisave").attr("disabled", true);
         var pid = $("#personid").val();alert(pid);
         var firstname = $("#fname").val();alert(firstname);
         var lastname = $("#lastname").val();alert(lastname);
         var plz = $("#zip").val();alert(plz);
         var ort = $("#city").val();alert(ort);
         var bday = $("#birthdate").val();alert(bday);
         var strasse = $("#street1").val(); alert(strasse);
         var emailtext = $("#email").val();alert(emailtext);
         var url = "@(Url.Action("SavePersonInfo", "Info"))";alert("URL");
        $.ajax({
            url: url,
            data: { personid: pid,fn: firstname, ln: lastname, email: emailtext, zip: plz, city:ort, birthday: bday, street:strasse },
            success: function () {                    
            alert("Update Successful");
            $("#pisave").removeAttr("disabled");
            },
           error: function () {                    
              alert("Update Failed! Check entries.");
             $("#pisave").removeAttr("disabled");
            }
        });
    }  

All alerts are displayed in all the cases. Only for some it goes to SavePersonInfo and for others it doesn’t go in there. Any ideas what might be wrong?? Can it be validation issue for the entries?

Answer 1

The model binder fails to parse your date, change to post:

$.ajax({
    type: "POST",
    url: url,
    data: { personid: pid,fn: firstname, ln: lastname, email: emailtext, zip: plz, city:ort, birthday: bday, street:strasse },
    success: function() {
        alert("Update Successful");
        $("#pisave").removeAttr("disabled");
    },
    error: function() {
        alert("Update Failed! Check entries.");
        $("#pisave").removeAttr("disabled");
    }
});​

Read more about the problems with dates in asp.net-MVC

Note that you can add all the elements a class and use the serialize function:

$.ajax({
    type: "POST",
    url: url,
    data: $('.theClass').serialize(), // <=============
    success: function() {
        alert("Update Successful");
        $("#pisave").removeAttr("disabled");
    },
    error: function() {
        alert("Update Failed! Check entries.");
        $("#pisave").removeAttr("disabled");
    }
});​