asp.net mvc - passing server side mvc variables to javascript -

asp.net mvc - passing server side mvc variables to javascript -

i looking @ feedback best , easiest way pass server side variables controller action sites html markup , them used javascript on site.

i working asp.net mvc4 , trying find recommended method of doing such.

you have couple of options.

one attach data-attributes or id's elements , fetch them using javascript.

using razor views:

<div id="someid" data-name="@item.attribute"></div>

js:

$('#someid').data('name')

or can render info straight script tag.

using razor:

var somevar = "@item"

you can json.encode more complex objects.

var somevar = @html.raw(json.encode(object))

javascript asp.net-mvc asp.net-mvc-4