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, Feb 24 '14 at 08:40
Your solution will be found in http://stackoverflow.com/questions/5614941/mix-razor-and-javascript-code and http://stackoverflow.com/questions/4599169/using-razor-within-javascript — Amirhossein Mehrvarzi, Feb 24 '14 at 08:42

score 6 · Accepted Answer · answered Feb 24 '14 at 08:35

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 '14 at 08:35

Eric Herlitz

25,354
27
113
157

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? – user2864740 Feb 24 '14 at 08:42
@user2864740 I just need a json too fill hicharts category and series.highcharts.com. – Hamid Reza Feb 24 '14 at 08:53

Rahul Tripathi · Answer 2 · 2014-02-24T08:44:45.113

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 '14 at 08:44

answered Feb 24 '14 at 08:36

Rahul Tripathi

168,305
31
280
331

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 .. – user2864740 Feb 24 '14 at 08:41

How to fill javascript variables with c# ones?

2 Answers2