How to fill javascript variables with c# ones?

Question

I have these lines in my view.cshtml:

$("document").ready(function(){
    @{
        var cx = Json.Encode(ViewBag.x);
        var cy = Json.Encode(ViewBag.y);
    }
    var x = @cx;
    var y = @cy;
});

But now there is a red line under ; in javascript codes and the error is Syntax error.

What is the problem?

Use @ or @() directives to interpret razor correctly when is required. — Amirhossein Mehrvarzi
– Amirhossein Mehrvarzi, Commented Feb 24, 2014 at 8:40
Your solution will be found in stackoverflow.com/questions/5614941/… and stackoverflow.com/questions/4599169/… — Amirhossein Mehrvarzi
– Amirhossein Mehrvarzi, Commented Feb 24, 2014 at 8:42

Eric Herlitz · Accepted Answer · 2014-02-24 08:35:42Z

6

You must enclose the js variables unless they are numeric or boolean

$("document").ready(function(){
    @{
        var cx = Json.Encode(ViewBag.x);
        var cy = Json.Encode(ViewBag.y);
    }
    var x = "@cx";
    var y = "@cy";
});

answered Feb 24, 2014 at 8:35

Eric Herlitz

26.4k28 gold badges117 silver badges167 bronze badges

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

2 Comments

user2864740 Over a year ago

I don't get why one would want a string of JSON and not a JS object literal .. also it seems like it (the JSON) would be invalid in the final HTML output?

Hamid Reza Over a year ago

@user2864740 I just need a json too fill hicharts category and series.highcharts.com.

Rahul Tripathi · Accepted Answer · 2014-02-24 08:44:45Z

2

Try to enclose the variables in "" like this:

$("document").ready(function(){
    @{
        var cx = Json.Encode(ViewBag.x);
        var cy = Json.Encode(ViewBag.y);
    }
    var x = "@cx";
    var y = "@cy";
});

You may also want to check ASP.NET MVC 3: Razor’s @: and syntax

edited Feb 24, 2014 at 8:44

answered Feb 24, 2014 at 8:36

Rahul Tripathi

173k33 gold badges292 silver badges341 bronze badges

1 Comment

user2864740 Over a year ago

Maybe I'm missing something .. why would someone want a string for "JSON-encoded" data? Wouldn't they want a JS object literal? Also it seems like it would just be invalid JS ..

Collectives™ on Stack Overflow

How to fill javascript variables with c# ones?

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related