Asp net core - from model to javascript

Question

I'm writing an asp net core application. What I want to achieve is to read the model inside the view with Javascript. I found this code but when I run it i receive this error:

'IJsonHelper' does not contain a definition for 'Encode' and no extension method 'Encode' accepting a first argument of type 'IJsonHelper' could be found (are you missing a using directive or an assembly reference?)

how can i fix it?

controller

public async Task<IActionResult> Index()
{
    return View(await _context.Bolla.ToListAsync());
}

view

@model IEnumerable<ps0001.Models.Bolla>

<script>
    var bolla = @Html.Raw(Json.Encode(Model));
</script>

Sandman · Accepted Answer · 2017-04-25 13:28:04Z

22

Try using this in your view instead:

@model IEnumerable<ps0001.Models.Bolla>

<script>
    var bolla = '@Html.Raw(Json.Serialize(Model))';
</script>

EDIT:

In order to view the contents, parse the extracted Model using the following:

var parseModel = JSON.parse(bolla);

Then you will be able to use the object and whatever attributes it contains.

edited Apr 25, 2017 at 13:28

answered Apr 25, 2017 at 8:49

Sandman

2,3271 gold badge16 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

carlez Over a year ago

Thank you sandman. I tried with --- var model = @Html.Raw(Json.Serialize(Model)); alert(model[0].Anno); --- and now in the alert I got "undefined"

Sandman Over a year ago

In order to access the variable, you may have to parse. Try: var parseModel = JSON.parse(bolla); and use the console window to view the result.

SeekTom Over a year ago

Thanks @Sandman, I've been tearing my hair out for the last few hours, this sorted my issue!

Asad Naeem Over a year ago

When I tried var parseModel = JSON.parse(bolla); and I got the following error Uncaught SyntaxError: JSON.parse: bad control character in string literal at line 1 column 39 of the JSON data <anonymous> debugger eval code:1 <anonymous> localhost:9318/Controller/Action?userID=1:370 jQuery 13

Collectives™ on Stack Overflow

Asp net core - from model to javascript

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related