MVC C# application, Json data in model

Question

This may seem strange, but I would like to have my model contain Json data, which I could then use javascript to render html with the contents. My code looks like the following -

My Controller -

    public ActionResult Index()
    {
        Object myObject = FillMyObjectWithData();

        string json = new JavaScriptSerializer().Serialize(myObject);

        return View(json);
    }

My View -

    @model  string  /*Json data will be in the model*/
    <div>
        //standard html in here
    </div>
    <script>
        $(document).ready(function() {
            doCoolStuff(@Model);
        });          
    </script>

I am getting the error - "Illegal characters in path."

What is the correct way to accomplish this?

I believe you wish to use: return Json(SomeCollection,JsonRequestBehavior.AllowGet) in your controller. — RealityDysfunction, Jun 10 '13 at 23:48
Where are you getting that error? Client side or server side? Also, I assume that doCoolStuff takes a JS object? — Charlino, Jun 11 '13 at 00:08
See http://stackoverflow.com/questions/5635383/illegal-characters-in-path-when-calling-the-index-view-from-my-controller — James Lawruk, Jun 11 '13 at 00:28

fcuesta · Accepted Answer · 2013-06-11T00:40:35.190

7

The problem is in return View(json);

You are getting the wrong function overload View(string), that is the overload to get a view by name. Try:

return View((object)json);

Also you want the raw JSON without HTML encoding:

 doCoolStuff(@Html.Raw(@Model));

edited Jun 11 '13 at 00:40

answered Jun 11 '13 at 00:24

fcuesta

4,429
1
18
13

Thanks fcuesta and James Lawruk! – A Bogus Jun 12 '13 at 00:24

score 0 · Answer 2 · answered Jun 11 '13 at 00:09

0

Try:

@model  string  /*Json data will be in the model*/
<div>
    //standard html in here
</div>
<script>
    $(document).ready(function() {
        var temp = @model;
        doCoolStuff(temp);
    });          
</script>

answered Jun 11 '13 at 00:09

Haney

32,775
8
59
68

score 0 · Answer 3 · answered Jun 11 '13 at 03:43

0

What is your motivation for attempting it this way? If you really want to return json you may be better served making an ajax request after the view/page loads and using javascript/jquery to render your UI with. This would be a good candidate for KnockoutJS.

answered Jun 11 '13 at 03:43

Jacob Rutherford

584
3
11

Hey Jacob, Thanks for the response. I thought about doing this the way you suggest, but then I would have to make two calls to the server. One for the View, then one for the Json data. – A Bogus Jun 12 '13 at 00:23

MVC C# application, Json data in model

3 Answers3