Accessing View Bag And View Data Value In External Java Script File

Quick Introduction of ViewBag

ViewBag is a dynamic property that takes advantage of the new dynamic features in C# 4.0. ViewData requires typecasting for complex datatypes and checks for null values to avoid errors.

Basically, ViewBag and ViewData are similar in use when we use them to pass data from Controller to View.

Controller Class



Accessing ViewBag in Cshtml file



Output

Accessing ViewBag Value in JavaScript




Added External JavaScript file



Access Viewbag Value in External JavaScript file,




It will throw an error ExternalJs.js:1 Uncaught SyntaxError: Invalid or unexpected token.

So, create a JavaScript global variable and store the ViewBag and ViewData value in that global variable. Then, access that JavaScript variable in external JavaScript.





Final Output