Ajax send JSON data to a c# model

Question

I’m new to MVC so I’m not sure if this is the correct way of doing this. What I’m trying to do is send some JSON data to my controller via ajax, then to my model, to eventually do something to it. The object I’m sending looks like this before I JSON it on the javascript side

bannerID:undefined
bannerMode:"WIDGET"
heightSettings:"0"
images:Array[2]
toggleArrows:"true"
toggleIndicators:"true"
transitionSpeed:""
widthSettings:"0"

When I JSON it looks like this, when I view it on my controller by replacing widget with string i get this.

 {"bannerMode":"WIDGET","transitionSpeed":"","toggleArrows":"true","toggleIndicators":"true","widthSettings":"0","heightSettings":"0","images":

 [{"id":0,"orderRank":"1","imageLink":"http://localhost:49999/img/admin/banner/example.jpg"},{"id":1,"orderRank":"2"}]}

In the parameters of the controller of my controller I have a widget model.

 public ActionResult Index(widget widgetData){
  return View("~/Views/widgets/_dynamicWidget.cshtml", widgetData);
 }

My widget model looks like this.

public class widget
 {
    public string bannerMode { get; set; }
    public int transitionSpeed { get; set; }
    public bool toggleArrows { get; set; }
    public bool toggleIndicators { get; set; }
    public int widthSettings = 20;
    private string lang;
    private List<WidgetList> images1;

    public widget(string lang, List<WidgetList> images1)
    {
        this.lang = lang;
        this.images1 = images1;
    }

    public int heightSettings{ get; set; }
    public List<ImageList> images { get; set; }
}

    public class ImageList
{
    public int id { get; set; }
    public int orderRank { get; set; }
    public string imageLink { get; set; }
}

I’m guessing the data should be set into the model ? But in my view I’m getting a null error when I try to show this data.

check your ajax call url action and controller correct or not? — thenna
– thenna, Commented Jul 20, 2016 at 13:27
Not entirely sure what you are asking for - are you asking about converting the JSON to a C# class? - stackoverflow.com/questions/2246694/… — JJJCoder
– JJJCoder, Commented Jul 20, 2016 at 13:29
Thanks for your response, the ajax is definitely reaching the controller. When I change the parameters of the controller to "string:widgetData" I can view or the JSON. — ryan
– ryan, Commented Jul 20, 2016 at 13:29
Is that a GET method or a POST method (it will not work with a GET). And your widget class has no parameterless constructor so it would throw an exception anyway — user3559349
– user3559349, Commented Jul 20, 2016 at 13:30

jfren484 · Accepted Answer · 2016-07-20 13:30:16Z

1

Your widget class does not have a public parameterless constructor, so I'm guessing the model binder is failing there.

answered Jul 20, 2016 at 13:30

jfren484

1,02013 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ryan Over a year ago

Thanks what would you put in the parameters the json data?

jfren484 Over a year ago

No, you want no parameters on your constructor (or 2 constructors - one without parameters for the model binder and 1 for you to use when you create a new widget in your code).

Collectives™ on Stack Overflow

Ajax send JSON data to a c# model

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related