ASP.NET: Illegal character '@' in '@Html.Raw' call

Question

At one point, I had no problem collecting the raw model by calling:

@Html.Raw(Json.Encode(Model));

but now I'm getting this error:

Uncaught SyntaxError: Unexpected toke ILLEGAL

in Chrome and IE and it's point right at that '@' character

I've this (as suggested in another stackoverflow post):

var getRawLayoutData = function() { return @Html.Raw(Json.Encode(Model)); }
var rawModelData = getRawLayoutData();

and this (also suggested in another stackoverflow post):

var rawModelData = [@Html.Raw(Json.Encode(Model))][0];

and nothing seems to work.

All I want to do is pass back some modified model data from the server to the client so I can react to the changing model data.

Any suggestions??

I haven't worked with razor extensively, but I generally do @{ } for block statements, @() seems a bit odd to me.. for clarification, this snippet is in a cshtml or vbhtml page that is being processed, right? — Brett Caswell
– Brett Caswell, Commented Nov 16, 2015 at 17:32
@kformeck, please respond more timely.. I see two different errors going on here.. one is in your user-agent (browser) - which indicates that '@Html.Raw` isn't being processed... your browsers/user-agents should never see razor code.. they should only see the output; And the second error is in ASP.NET (your title is the only indication of this error).. this suggests your doing an @Html.Raw on a file/code that includes the code snippet you've provided us here... — Brett Caswell
– Brett Caswell, Commented Nov 16, 2015 at 17:52
.js file will not recognize @Html not in the past or present — JamieD77
– JamieD77, Commented Nov 16, 2015 at 19:02

JamieD77 · Accepted Answer · 2015-11-16 21:26:07Z

2

You could always try moving your script out of the .js file and putting it into a partial view.

use dynamic as your model type and make your partial view code something like this.

@model dynamic
<script type="text/javascript">
    var getRawLayoutData = function() { return @Html.Raw(Json.Encode(Model)); }
    var rawModelData = getRawLayoutData();
</script>

Then, where you're loading your javascript file in your main view, just use this instead

@Html.Partial("_Scipt", Model)

answered Nov 16, 2015 at 21:26

JamieD77

14k1 gold badge19 silver badges27 bronze badges

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

Comments

Chris Pratt · Accepted Answer · 2015-11-16 20:40:06Z

2

Razor code only works in cshtml or vbhtml files. JS files are not preprocessed by Razor. Therefore, you were just sending the Razor code directly to the browser as JS (invalid JS). Short of just dumping all the JS code to the view, you can merely set the variable in view and then access it in your external JS file. I suggest using a namespace, though, so you don't pollute the global namespace and risk collisions with other JavaScript code.

View

<script>
    var MyNamespace = MyNamespace || {};
    MyNamespace.RawModelData = @Html.Raw(Json.Encode(Model));
</script>
<script src="/path/to/external.js"></script>

Then, in your external JS, you can reference MyNamespace.RawModelData as needed.

answered Nov 16, 2015 at 20:40

Chris Pratt

240k37 gold badges414 silver badges469 bronze badges

1 Comment

deathrace Over a year ago

Thanks sir! This worked for me with separate js file.

jgabb · Accepted Answer · 2015-11-16 17:52:46Z

0

Try changing it to @(Html.Raw(Json.Encode(Model))); instead. That should fix your problem. Looking back at my projects, this is the syntax I use and it doesn't give me any problems.

answered Nov 16, 2015 at 17:52

jgabb

5541 gold badge4 silver badges23 bronze badges

5 Comments

Brett Caswell Over a year ago

hey @jgabb, I think it's too early to tell whether this was the issue at all.. still, your suggestion would work under normal circumstances..

kformeck Over a year ago

this didn't work, is this because I'm in a .js file?

jgabb Over a year ago

Yes. That is the reason.

kformeck Over a year ago

jgabb: Thanks for clarifying; should I just embed a simple script into my cshtml file to resolve this issue?

jgabb Over a year ago

Yes, just include your script in your cshtml file. Remember not to use @(Html.Raw(Json.Encode(Model))); in your js file though.. Do that in your cshtml file.

Collectives™ on Stack Overflow

ASP.NET: Illegal character '@' in '@Html.Raw' call

3 Answers 3

Comments

1 Comment

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related