MVC Ajax发布错误

Question

I am getting error while I post Ajax request to controller method. In controller method I need to pass Model class object. But it gives me 500 Internal server error. Can anybody help me to make it correct?

Mu code is as per below:

jQuery:

 var request = $("#frmHost").serialize();


$.ajax({
        url: "/Host/HostItemDetails/" ,
        type: "POST",
        datatype: 'json',
        contentType : "application/json",
        data: request,
        success: function (data) {
            if (data == '1111') {
                  ///Success code here
            }
            else if (data != '') {
                jAlert(data);
            }
        }
    });

Controller Method :
[HttpPost]
public JsonResult HostItemDetails(ClsHost objHost)
{
     //Code here
 return Json("1111");
}

Answer 1

I ran the same code that you are running. To test the code I did the following changes. I took a button, and on click event I am sending the post back to the controller. the '[HttpPost]' attribute is fine too.

Can you make one thing sure, that the frmHost data matches to the class ClsHost,but still that shouldn't cause the server error, the error will be different.

$(document).ready(function () {
    $("#clickMe").click(function () {
        var request = '{"Users":[{"Name":"user999","Value":"test"},{"Name":"test2","Value":"test"}]}';
        $.ajax({
            url: "/Home/HostItemDetails/",
            type: "POST",
            datatype: 'json',
            contentType: "application/json",
            data: request,
            success: function (data) {
                if (data == '1111') {
                    ///Success code here
                }
                else if (data != '') {
                    jAlert(data);
                }
            }
        });
    });

});

Controller:

[HttpPost]
[ValidateAntiForgeryToken]
public JsonResult HostItemDetails(ClsHost objHost)
{
    //Code here
    return Json("111", JsonRequestBehavior.AllowGet);   
}

Answer 2

Nirav Try this,

Parse the serialized data as a JSON object and later stringify that while posting using JSON.stringify().

$("#Button").click(function () {
       var data = $("#frmHost").serialize().split("&");
       var request = {};
       for (var key in data) {
            request[data[key].split("=")[0]] = data[key].split("=")[1];
       }

       $.ajax({
            url: "/Home/HostItemDetails/",
            type: "POST",
            datatype: 'json',
            contentType: "application/json",
            data: JSON.stringify(request),
            success: function (data) {
               if (data == '1111') {
                  ///Success code here
               }
               else if (data != '') {
                  jAlert(data);
               }
            }
      });
  });

Answer 3

It is solved by removing same property name in Model class. It is mistakenly added by me twice.