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
– RealityDysfunction, Commented Jun 10, 2013 at 23:48
Where are you getting that error? Client side or server side? Also, I assume that doCoolStuff takes a JS object? — ten5peed
– ten5peed, Commented Jun 11, 2013 at 0:08

fcuesta · Accepted Answer · 2013-06-11 00:40:35Z

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, 2013 at 0:40

answered Jun 11, 2013 at 0:24

fcuesta

4,5201 gold badge20 silver badges14 bronze badges

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

Comments

Haney · Accepted Answer · 2013-06-11 00:09:20Z

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, 2013 at 0:09

Haney

35.2k9 gold badges61 silver badges71 bronze badges

Comments

Jacob Rutherford · Accepted Answer · 2013-06-11 03:43:03Z

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, 2013 at 3:43

Jacob Rutherford

5943 silver badges11 bronze badges

1 Comment

A Bogus Over a year ago

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.

Collectives™ on Stack Overflow

MVC C# application, Json data in model

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related