Question

47

Passing .net core model data to external javascript?

rated 0 times [ 53] [ 6] / answers: 1 / hits: 20193 / 6 Years ago, sun, february 11, 2018, 12:00:00

I have a .NET Core 2 Razor view with the underlying model inside a *.cshtml.cs file. Let's say I have a string like this:

public string myVar = hello world;

How can I access this variable (data) inside my external JavaScript file?

I need this for example in the following case. I'm using the jVectorMap jquery library. There I can select multiple regions of the map. I have to save the selected regions (let's say in an array of unique ids) so that I can pre-populate the map with the selected regions, if the user loads the special page with the map inside. And the data (selected regions) can be different do different users. So I have to store the data for each user and the have to load the data. jVectorMap has an API function which allows to pre-populate the map with some data.

But how can I access my saved variable / data inside the external javascript file?

EDIT:
I added an example here: https://dotnetfiddle.net/QV4Fi1

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tierney

Add To Favorites

Follow

Total Points: 45

Total Questions: 101

Total Answers: 94

Location: Sudan

Member since Thu, May 7, 2020

4 Years ago

tierney questions

1 Why new Date() with `T17:00:00.000Z` is returning the next date?

Wed, Nov 17, 21, 00:00, 3 Years ago

1 IndexedDB Error : NotFoundError : Failed to execute 'transaction' on 'IDBDatabase': One of the specified object stores was not found

Thu, Oct 1, 20, 00:00, 4 Years ago

1 Change in the order of Hooks called by < Component>

Wed, Jan 15, 20, 00:00, 4 Years ago

1 loginRedirect() method of msal.js package causes 'TypeError: Cannot read property 'then' of undefined'

Thu, Dec 12, 19, 00:00, 5 Years ago

1 Konva - clear layer but keep the background

Tue, Sep 3, 19, 00:00, 5 Years ago

View All

answered 6 Years ago maximusbradforde · Accepted Answer

You can get C#/Razor values as a string easily enough.

<script type=text/javascript>

    var i = parseInt('@Model.i');

</script>

Or you can try with below given options.

Option 1:

var myVar = '@Model.MyVar';

var name = '@Model.Name';

Option 2:

var myVar ='@Html.Raw(Model.MyVar)';

var name = '@Html.Raw(Model.Name)';