How to Return a JSON Object from an ASP.NET MVC Action Method

Question

When I'm in a controller, I need to pass an entity object (Product) back to a view for use in JavaScript.

I pass a model object from the action method to the view. The model object contains some data the view needs for display, but also (the bit I'm struggling with) a JSON version of the product data.

In the view, I want to pick up the product object as JavaScript to play with.

Controller:

public ActionResult ViewProduct( int  productKey )
{
    VendorPage page = PageManager.Instance().GetProductPage( );
    Product product = this.repoProducts.Get<Product>( App.GetVendorKey(), productKey );

    JavaScriptSerializer    sz = new JavaScriptSerializer();
    string json = sz.Serialize( new { pr = product } );

    ProductPageModel  ppm = new ProductPageModel( page, product );
    // Embed the product as json in the model
    ppm.js = json;

    if ( product != null )
    {
        return View( "Product", ppm );
    }
    return null;
}

View - uses the model as ProductPageModel @model SiteEngine.SiteEngineUI.Models.ProductPageModel html......

So, the question is: How do I gain access to the product in JavaScript, in order to do something like ...

alert( product.Name );

Have you tried changing the way you are returning, and trying to do it via JsonResult? — Yahya
– Yahya, Commented Nov 9, 2012 at 16:35
Not sure how to, I need to goto the required view from the controller as this is not an ajax call. — Craig
– Craig, Commented Nov 9, 2012 at 17:14

Dima · Accepted Answer · 2012-11-09 20:04:28Z

1

Try this on View:

<script type="text/javascript">
  var product = jQuery.parseJSON(@Model.js);
</script>

in case you don't use jQuery, take a look at http://www.json.org/js.html

edited Nov 9, 2012 at 20:04

answered Nov 9, 2012 at 19:56

Dima

6,7414 gold badges26 silver badges43 bronze badges

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

6 Comments

Craig Over a year ago

thanks, I do use jQuery, but didn't see parseJSON. After some debug it does seem to work with the JavaScriptSerializer from the controller, except for text which has an ampersand in it - this was giving me a parse error until I found the problem. The JavaScriptSerializer encodes ampersand (&) as \\u0026 whick kills the parser.

Craig Over a year ago

following on, there are serveral other js encoded characters in the text and they also cause the parseJSON to fail with invalid character. Is there a technique that gets round this?

Craig Over a year ago

in fact, the serialized string in the controller looks like :

Craig Over a year ago

"{\"AvProductKey\":246,\"VendorKey\":1}" // cut down version, but in the view, via product = $.parseJSON( '@(Model.js)'); the string looks like '{"AvProductKey":246,"VendorKey":1}'. The parser fails because of the " i think.

Dima Over a year ago

try DataContractJsonSerializer instead on JavaScriptSerializer : msdn.microsoft.com/en-us/library/…

|

Collectives™ on Stack Overflow

How to Return a JSON Object from an ASP.NET MVC Action Method

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related