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
 
Controller Class
 
Accessing ViewBag in Cshtml file
 
Accessing ViewBag in Cshtml file
 
Output
 
Output
Accessing ViewBag Value in JavaScript
 
Accessing ViewBag Value in Javascript
 
output
 
Added External JavaScript file
 
Added External java script file
 
Access Viewbag Value in External JavaScript file,
 
Java script file
 
Java script 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.
 
code
 
code
 
Final Output
 
Final Output