how to send json data to mvc controller

Question

my ajax code is :

  $.ajax({
            url: "/Dashboard/filter",
            data: jsonData,
            traditional: true,
            contentType: 'application/json',
            dataType: 'json',
            type: "POST",
            success: function (data) {
                console.error(data);

            },
            error: function (error) {
                console.error(error);
            }
        });

and my controller action :

    [HttpPost]
    public JsonResult filter(Utility.FJson filterjson)
    {

        return Json(new { });
    }

in Utility class:

 public class FilterJson
    {
        public string IdField { get; set; }
        public string NameField { get; set; }
        public int Check { get; set; }
        public string SFilter { get; set; }
        public string TFilter { get; set; }
    }
    public class FJson
    {
        public List<FilterJson> filter { get; set; }

    }

error massage is :

POST http://localhost:38064/Dashboard/filter 500 (Internal Server Error)

i want send json to mvc controller. if JSON.stringify(jsonData) in send time .in controller filterjson variable is NULL

500 error means your server code is crashing.Put a breakpoint in your action metod code and debug. Also you can see the ajax call in your devtools->network tab. Check the response tab on that call. That might give you some more information about the exception — Shyju
– Shyju, Commented Jun 16, 2018 at 16:37
@amiryami Pl, provide the definition of C# class Utility.FJson and also value of js object jsonData — vibs2006
– vibs2006, Commented Jun 16, 2018 at 17:17

Reza Jenabi · Accepted Answer · 2018-10-01 13:26:25Z

You can use the following code to send and receive Json in the form of a class

Ajax code is:

 var data = "{filter :[{IdField: '2', NameField: 'filter item', Check: 1 , SFilter: 'filter search' , TFilter: 'filter text'}]}";
    $.ajax({
        url: '/home/filter',
        dataType: 'json',
        type: 'POST',
        data: data,
        contentType: 'application/json; charset=utf-8',
        success: function (data) {
            alert(data);
        },
        error: function () {
            alert("error");
        }
    });

Class:

public class FilterJson
{
    public string IdField { get; set; }
    public string NameField { get; set; }
    public int Check { get; set; }
    public string SFilter { get; set; }
    public string TFilter { get; set; }
}
public class FJson
{
    public List<FilterJson> filter { get; set; }

}

Controller action is:

[HttpPost]
public JsonResult filter(FJson filterjson)
{

    return Json(new { });
}

Collectives™ on Stack Overflow

how to send json data to mvc controller

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related