Using c# code in javascript

Question

I am trying to use C# in javascript like we are using it in MVC Razor View using @ sign,

like suppose an array name list is passed to the View so we can access it in View like:

View

     Length of array :  <input type="text"  value="@Model.list.Length" />

                  Or we can iterate list array also like:

         @for(int i=0; i< Model.list.Length; i++)
         {
             console.log(Model.list[i]);
         }

But my question is how we can iterate or use this array in the javascript code , something similar to :

JS

      for(var i=0; i<@Model.list.Length; i++)
      {
        $("body").append("<h1></h1>").html(@Model.list[i]);
      }

Thanks !

You (usually) can't run C# on the client side, where Javascript usually runs. — hugomg
– hugomg, Commented Jun 4, 2012 at 13:09
This is like riding a bike inside a car. Both are vehicles and there are separate roads for them. C# runs on the server. JS runs inside the browser. — core1024
– core1024, Commented Jun 4, 2012 at 13:14
To make this work, you need a preprocessor, who translates the C# commands into native js. This is pretty easy for plain values, and a lot trickier for complex objects. If your preprocessor is capable to convert a C#-Object into a JS object, then you can do this. If not, you can't because you won't be able to access the values of the array. — Christoph
– Christoph, Commented Jun 4, 2012 at 13:15

Christoph · Accepted Answer · 2012-06-04 13:23:14Z

1

As i posted in my comment, this is a bit tricky. However, you can try to construct a javascript object with your c#.

Something like this (i don't know how this works exactly...):

var array = [
   @for(var i = 0; i < Model.list.Length-1; i++){  @Model.list[i] , }
   @Model.list[length]
]

which should result in:

var array = [
         val1,
         val2,
         val3,
         valn
]

Now you have an js var array, you can work with in your entire document.

answered Jun 4, 2012 at 13:23

Christoph

51.4k22 gold badges103 silver badges129 bronze badges

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

1 Comment

Toast Over a year ago

It should be noted that if those values are strings, it will not auto-generate the quotes and so they'll be processed as variables instead of literal strings. Otherwise, nice, clean answer.

Toast · Accepted Answer · 2012-06-04 13:24:25Z

0

You can't do it exactly that way. What you can do is use the C# to generate the javascript code for each line like this:

//...javascript code...

@for(var i = 0; i < Model.list.Length; i++)
{
    $("body").append("<h1></h1>").html('@(Model.list[i])');
}

//...more javascript code...

This should output like this:

//...javascript code...

$("body").append("<h1></h1>").html(listitem0);
$("body").append("<h1></h1>").html(listitem1);
$("body").append("<h1></h1>").html(listitem2);
//etc.

//...more javascript code...

edited Jun 4, 2012 at 13:24

answered Jun 4, 2012 at 13:17

Toast

4242 silver badges9 bronze badges

2 Comments

Christoph Over a year ago

i guess it's cleaner to construct the js-array and loop over it.

lucask Over a year ago

I would also put line inside for loop inside <text> tag.

Collectives™ on Stack Overflow

Using c# code in javascript

2 Answers 2

1 Comment

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Related