Serialize tuple to JSON

Question

Trying to serialize tuple to json:

List<Tuple<string, string, string, string, string, string>> iCalEvents = new List<Tuple<string, string, string, string, string, string>>();

If I output the value using:

string iCalEventsJson = JsonConvert.SerializeObject(iCalEvents);

It produces valid json:

[{"Item1":"Film / Event -- 05/10","Item2":"","Item3":"","Item4":"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe harum, similique eaque ratione optio nihil est, nostrum velit minima soluta, recusandae quis, tenetur sunt ut. Tempora accusamus provident maxime, sunt debitis quaerat nemo, nostrum cupiditate necessitatibus ipsam deleniti consequatur quos quae odio amet obcaecati, eligendi.","Item5":"2017-05-10","Item6":"2017-05-12"},{"Item1":"Film / Event Detail -- 05/12","Item2":"","Item3":"","Item4":"Development Film / Event Detail","Item5":"2017-05-12","Item6":"2017-05-12"},{"Item1":"Film / Event Detail -- 05/14","Item2":"","Item3":"","Item4":"Development Film / Event Detail","Item5":"2017-05-14","Item6":"2017-05-14"},{"Item1":"Film / Event Detail -- 05/16","Item2":"","Item3":"","Item4":"Development Film / Event Detail","Item5":"2017-05-16","Item6":"2017-05-16"},{"Item1":"Film / Event Detail -- 05/19","Item2":"","Item3":"","Item4":"Development Film / Event Detail","Item5":"2017-05-19","Item6":"2017-05-19"}]

However, when I pass the string variable to jquery ajax in the following:

var json = @iCalEventsJson;    
$.ajax({
        url: '@Url.Action("CreateICalEvent", "ICalEvent")',
        type: 'POST',
        dataType: 'json',
        data: json,
        contentType: 'application/json; charset=utf-8',
        success: function (data) {
            var message = data.Message;
            $("#resultMessage").html(message);
        }
    })

It produces invalid json and causes ajax to fail:

[{"Item1":"Film / Event -- 05/10","Item2":"","Item3":"","Item4":"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe harum, similique eaque ratione optio nihil est, nostrum velit minima soluta, recusandae quis, tenetur sunt ut. Tempora accusamus provident maxime, sunt debitis quaerat nemo, nostrum cupiditate necessitatibus ipsam deleniti consequatur quos quae odio amet obcaecati, eligendi.","Item5":"2017-05-10","Item6":"2017-05-12"},{"Item1":"Film / Event Detail -- 05/12","Item2":"","Item3":"","Item4":"Development Film / Event Detail","Item5":"2017-05-12","Item6":"2017-05-12"},{"Item1":"Film / Event Detail -- 05/14","Item2":"","Item3":"","Item4":"Development Film / Event Detail","Item5":"2017-05-14","Item6":"2017-05-14"},{"Item1":"Film / Event Detail -- 05/16","Item2":"","Item3":"","Item4":"Development Film / Event Detail","Item5":"2017-05-16","Item6":"2017-05-16"},{"Item1":"Film / Event Detail -- 05/19","Item2":"","Item3":"","Item4":"Development Film / Event Detail","Item5":"2017-05-19","Item6":"2017-05-19"}]

Also tried encoding:

var json = @HttpUtility.HtmlEncode(iCalEventsJson);
$.ajax({
    url: '@Url.Action("CreateICalEvent", "ICalEvent")',
    type: 'POST',
    dataType: 'json',
    data: json,
    contentType: 'application/json; charset=utf-8',
    success: function (data) {
        var message = data.Message;
        $("#resultMessage").html(message);
    }
});

...but still invalid json:

[{"Item1":"Film / Event -- 05/10","Item2":"","Item3":"","Item4":"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe harum, similique eaque ratione optio nihil est, nostrum velit minima soluta, recusandae quis, tenetur sunt ut. Tempora accusamus provident maxime, sunt debitis quaerat nemo, nostrum cupiditate necessitatibus ipsam deleniti consequatur quos quae odio amet obcaecati, eligendi.","Item5":"2017-05-10","Item6":"2017-05-12"},{"Item1":"Film / Event Detail -- 05/12","Item2":"","Item3":"","Item4":"Development Film / Event Detail","Item5":"2017-05-12","Item6":"2017-05-12"},{"Item1":"Film / Event Detail -- 05/14","Item2":"","Item3":"","Item4":"Development Film / Event Detail","Item5":"2017-05-14","Item6":"2017-05-14"},{"Item1":"Film / Event Detail -- 05/16","Item2":"","Item3":"","Item4":"Development Film / Event Detail","Item5":"2017-05-16","Item6":"2017-05-16"},{"Item1":"Film / Event Detail -- 05/19","Item2":"","Item3":"","Item4":"Development Film / Event Detail","Item5":"2017-05-19","Item6":"2017-05-19"}]

What am I missing?

Answer 1

You probably want to use Html.Raw or whatever the equivalent is these days.

var json = @Html.Raw(iCalEventsJson);