How to get the model data in javascript ?

Question

How to get the model data in javascript ?

Alick Wang 306

I use asp.net core 7 mvc.

Anonymous

2023-05-08T08:29:42.1233333+00:00

Hi,@Alick Wang,could you show the codes related and share more details of your problem?
Alick Wang 306 Reputation points

2023-05-09T00:07:25.2033333+00:00

The viewmodel like this,

public class mate

{

public string name{ get; set; }

public string age{ get; set; }

}

In the page

@model List<mate>

............

<script>

var mate=@Model

//the result as follow

var mate=[{"name":"mike","age":"15"},

{"name":"john","age":"20"}]

</script>
Anonymous

2023-05-11T05:15:08.6733333+00:00

Hi,@Alick Wang,Would Bruce answer work for your requirement?

Accepted answer

0 additional answers

Your answer

Anonymous

2023-05-08T08:29:42.1233333+00:00

Hi,@Alick Wang,could you show the codes related and share more details of your problem?
Alick Wang 306 Reputation points

2023-05-09T00:07:25.2033333+00:00

The viewmodel like this,

public class mate

{

public string name{ get; set; }

public string age{ get; set; }

}

In the page

@model List<mate>

............

<script>

var mate=@Model

//the result as follow

var mate=[{"name":"mike","age":"15"},

{"name":"john","age":"20"}]

</script>
Anonymous

2023-05-11T05:15:08.6733333+00:00

Hi,@Alick Wang,Would Bruce answer work for your requirement?

Answer 1

Bruce (SqlWork.com) 77,686 Volunteer Moderator

there are two common approaches.

the first is to render the model as a javascript object. that is render javascript code. fortunately json is valid javascript you you render the model data as json and assign to object

<script>
var model = @Html.Raw(JsonSerializer.Serialize(Model));
</script>

the second way for the javascript to make an ajax call.

Share via

How to get the model data in javascript ?

0 additional answers

Your answer