ASP.NET Core ViewData access in javascript

Question

ASP.NET Core ViewData access in javascript

9.3k views Asked by Muhammad Touseef At 13 September 2024 at 22:38

I am sending a filepath ( string) from controller to html page through ViewData and I want to access that string in my javascript, consume it, run some algo in javascript and then use results to consume them and make some graphs on the same html page.

HTML

</head>
<body>
    <div id="mychart"></div>
    <script>
        var path=@ViewData["path"];
        //some javascript logic with the string path of the file.
        //using results for output chart of id 'mychart'
    </script>
</body>
</html>

Controller Action Code:

        public IActionResult CellResult(string outputpath)
        {
            ViewData["path"] = outputPath;
            return View();
        }

Original Q&A

There are 1 answers

**Shyju** · Accepted Answer · 2016-12-30 14:53:50

Since it is a string value, you need to wrap it in either single quotes or double quotes.

var path='@ViewData["path"]';
alert(path);

EDIT : As per the comment

How can I send a list of string from controller to html page and use it in javascript? instead of string i wanna send a list of string

If you want to send a list of string, it is the same, but since it is a complex type now, you need to use the json serializer to convert this object to a string.

So in your server

var list = new List<string> {"Hi", "Hello"};
ViewBag.MyList = list;

and in the view

<script>
    var list = @Html.Raw(JsonConvert.SerializeObject(ViewBag.MyList));
    console.log(list);
</script>

TechQA.

ASP.NET Core ViewData access in javascript

There are 1 answers

Related Questions in JAVASCRIPT

Related Questions in HTML

Related Questions in ASP.NET

Related Questions in VIEWDATA

Popular Questions

Popular Tags

Trending Questions