JSON.stringify data/child data in order to send to webapi

Question

Using the below code, I am able to pass this content to my webapi which receives it like

public void Post(Business.Entities.api.newsalert alert)
{
    //do stuff here
}

category = $('#dt_category').val();
title = $('#inputTitle').val();
url = $('#inputURL').val();
comments = $('#inputComments').val();
subject = "News Alert / Alerte Nouvelles: " + title;

var dataJSON = {
    userid: username,
    to: "[email protected]",
    url: url,
    subject: subject,
    title: title,
    source: "My company",
    comments: comments,
    category: category
};

$.ajax({
    type: 'POST',
    url: "http://mywebserver/api/NewsAlerts",
    data: JSON.stringify(dataJSON),
    contentType: 'application/json; charset=utf-8',
    success: function (data) {
        q.resolve();
    }
});

However, my boss has asked me to make the Categories select use multiple..

Therefore I did this

    category = $('#dt_category').val(); //apples, oranges, peaches
    title = $('#inputTitle').val();
    url = $('#inputURL').val();
    comments = $('#inputComments').val();
    subject = "News Alert / Alerte Nouvelles: " + title;

    var categories = [];
    $(category).each(function (index) {
        categories.push({ 'category': category[index] });
    });

    var dataJSON = {
        userid: username,
        to: "[email protected]",
        url: url,
        subject: subject,
        title: title,
        source: "My company",
        comments: comments,
        category: categories 
    };

    $.ajax({
        type: 'POST',
        url: "http://mywebserver/api/NewsAlerts",
        data: JSON.stringify(dataJSON),
        contentType: 'application/json; charset=utf-8',
        success: function (data) {
            q.resolve();
        }
    });

But when my webapi receives the ajax Put, it is always null. I'm assuming I need to somehow make the Categories into some kind of a child node but i'm not sure.

is your model Business.Entities.api.newsalert expecting a list ? meaning Business.Entities.api.newsalert.Category is typeof List<int> — Munzer
– Munzer, Commented Jun 16, 2017 at 19:56
you can try by changing category datatype as List<string> — Mahedi Sabuj
– Mahedi Sabuj, Commented Jun 16, 2017 at 19:57
Duh, hadn't considered my business object might be the problem, just assumed it would be the json serialistion. Will give it a look, thx. — Tim Cadieux
– Tim Cadieux, Commented Jun 16, 2017 at 19:59

Alex Terry · Accepted Answer · 2017-06-16 20:36:13Z

1

Your api request object should contain a property that is some collection type of a class with the property "category".

public class newsalert
{
     //Other Properties         

     [JsonProperty(PropertyName = "category")]
     IList<Category> Categories {get;set;}
}

public class Category
{
     public string category {get;set;}
}

answered Jun 16, 2017 at 20:36

Alex Terry

2,1221 gold badge12 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

JSON.stringify data/child data in order to send to webapi

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