admin管理员组

文章数量:1279018

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

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();
        }
Share Improve this question asked Dec 30, 2016 at 14:45 Muhammad TouseefMuhammad Touseef 4,4654 gold badges35 silver badges77 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 10

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 ment

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 plex 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>

本文标签: htmlASPNET Core ViewData access in javascriptStack Overflow