Accessing ASP.NET MVC model data from with Javascript

Question

I have a strongly typed View that accepts a Customer model, this customer model is a LINQ2SQL partial class that has a property called Journeys which returns all Journeys that are associated with this Customer.

I was wondering if it would be possible to access the Customer.Journeys property as a JSON object from within the Javascript.

Is this possible? If so how would I go about accessing it? Would I be best to create a FormViewModel and store the Customer details and Journey details as a JSON object there and pass it to the javascript function using something like:

<% MyJavascriptFunction(Model.JSONJourneys) %>

Or should I alter the Journeys partial class and add a .ToJson() property? Or something completely different?

Thanks.

Richard · Accepted Answer · 2009-10-01 10:52:00Z

7

I would do this:

Using NewtonSoft Json Library, you can convert any C# model object to Json at the client end

http://james.newtonking.com/pages/json-net.aspx

in the view

<script>

var jsobject = <%= JsonConvert.SerializeObject(Model.Journeys) %>;

function myfunction (){ 
  //work with object

}

</script>

answered Oct 1, 2009 at 10:52

Richard

22.1k13 gold badges64 silver badges102 bronze badges

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

Comments

Mkkt Bkkt · Accepted Answer · 2009-10-01 10:47:32Z

2

How about exposing your Customer model through a Javascript view and loading it as a regular javascript file in your HTML?

Like this:

In your HTML view:

<script type="text/javascript" src="/customers/123/json">

And in your controller:

public ActionResult CustomerJson(int customerId)
{
   var serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
   var customer = Customer.Get(customerId);
   var serializedCustomer = serializer.Serialize(customer);
   return JavaScript(
      "function getCustomer() { return (" + serializedCustomer + "); }");
}

answered Oct 1, 2009 at 10:47

Mkkt Bkkt

122k40 gold badges154 silver badges177 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:15:22Z

2

This question has long been answered (and accepted), but I wanted to pass along a response to a similar question that helped me. His answer takes advantage of MVC3/Razor syntax:

https://stackoverflow.com/a/7486214/249153:

In mvc3 with razor @Html.Raw(Json.Encode(object)) seems to do the trick.

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Mar 15, 2012 at 15:55

kmk

6139 silver badges22 bronze badges

1 Comment

Samuel Over a year ago

That is just awesome! Without @Html.Raw, I received an error with 'unexpected token &". In my case, I just do 'var model = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model));'. At the moment, I'm not sure if Encode would be required or if it do similar thing like SerializeObject but it works.

Collectives™ on Stack Overflow

Accessing ASP.NET MVC model data from with Javascript

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