How do I access ViewBag from JS

My attempted methods.

Looking at the JS via browser, the @ViewBag.CC is just blank... (missing)

        var c = "#" + "@ViewBag.CC";
        var d = $("#" + "@ViewBag.CC").value;
        var e = $("#" + "@ViewBag.CC").val();

        var c = "@ViewBag.CC";
        var d = $("@ViewBag.CC").value;
        var e = $("@ViewBag.CC").val();


if you are using razor engine template then do the following

in your view write :

<script> var myJsVariable = '@ViewBag.MyVariable' </script>

UPDATE: A more appropriate approach is to define a set of configuration on the master layout for example, base url, facebook API Key, Amazon S3 base URL, etc ...```

   var AppConfig = @Html.Raw(Json.Encode(new {
    baseUrl: Url.Content("~"),
    fbApi: "get it from db",
    awsUrl: "get it from db"

And you can use it in your JavaScript code as follow:

  myProduct.fullUrl = AppConfig.awsUrl + myProduct.path;

try: var cc = @Html.Raw(Json.Encode(ViewBag.CC)

<script type="text/javascript">
      $(document).ready(function() {


You can use ViewBag.PropertyName in javascript like this.

ViewBag is server side code. Javascript is client side code.

You can't really connect them.

You can do something like this:

var x = $('#' + '@(ViewBag.CC)').val();

But it will get parsed on the server, so you didn't really connect them.

You can achieve the solution, by doing this:


var myValue = document.getElementById("@(ViewBag.CC)").value;

or if you want to use jQuery, then:


var myValue = $('#' + '@(ViewBag.CC)').val();

Need Your Help

Views after animation are redrawn, try to remove using listener causes NPE

android android-animation android-view

Im adding and then animating a simple ImageView inside a RelativeLayout whenever a button is clicked. Heres my current code:

Using jQuery, is there a way to create an onclick function that will pass a link from one UL to another?

javascript jquery html json

For instance I have a function that creates a list of links and would like the ability to have it where upon click of one of the populated links it passes part of the link to another list.