IAmGroot
IAmGroot

Reputation: 13865

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();

Upvotes: 40

Views: 193642

Answers (7)

Ali Raji
Ali Raji

Reputation: 61

Try this:

Anywhere in HTML: <input hidden [email protected] id="CC_id" />

In JS: var CC= document.getElementById("CC_id").value.toString();

Upvotes: 0

JasperJustice
JasperJustice

Reputation: 31

None of the existing solutions worked for me. Here's another solution I found that did work:

Controller:

TempData["SuccessMessage"] = "your message here";

View:

let msg = '@TempData["SuccessMessage"]';

Upvotes: 0

Arsman Ahmad
Arsman Ahmad

Reputation: 2221

You can achieve the solution, by doing this:

JavaScript:

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

or if you want to use jQuery, then:

jQuery

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

Upvotes: 5

amd
amd

Reputation: 21502

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 ...```

<head>
 <script>
   var AppConfig = @Html.Raw(Json.Encode(new {
    baseUrl: Url.Content("~"),
    fbApi: "get it from db",
    awsUrl: "get it from db"
   }));
 </script>
</head>

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

<script>
  myProduct.fullUrl = AppConfig.awsUrl + myProduct.path;
  alert(myProduct.fullUrl);
</script>

Upvotes: 81

gdoron
gdoron

Reputation: 150313

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.

Upvotes: 5

ZeNo
ZeNo

Reputation: 1658

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

Upvotes: 15

adt
adt

Reputation: 4361

<script type="text/javascript">
      $(document).ready(function() {
                showWarning('@ViewBag.Message');
      });

</script>

You can use ViewBag.PropertyName in javascript like this.

Upvotes: 9

Related Questions