MVC: Use string variables of a view as parameter to a javascript function call

Question

How can I call a javascript function within a view(cshtml) and pass some string variables (defined in the view)to be used as parameters for the function call?

Say the function javascriptFunction uses 2 parameter. I will usually call it as javascriptFunction('param1', 'param2') . But now I want to pass it some variables.

string y = "this is a string"
string x = "another"
javascriptFunction(y, x)

I have tried javascriptFunction(@y, @x), javascriptFunction('@y', '@x') but this does not work

Try putting quotes around them like this -> ("@y","@x") – ppsreejith Jan 08 '13 at 20:01 — ppsreejith, Jan 08 '13 at 20:01
tried that but having syntax error\ – jpo Jan 08 '13 at 21:29 — jpo, Jan 08 '13 at 21:29

score 1 · Accepted Answer · edited May 23 '17 at 11:48

1

You have to distinguish between javascript code and server-side code. Also encode your javascript strings:

@{
string y = "this is a string";
string x = "another";
}

<script type="text/javascript">
    function javascriptFunction(first,second)
    {
        alert(first+' '+second);
    }

    javascriptFunction(@Html.Raw(Json.Encode(y)), @Html.Raw(Json.Encode(x)));
</script>

Using Razor within javascript

edited May 23 '17 at 11:48

Community

1
1

answered Jan 08 '13 at 20:09

semao

1,757
12
12

Try putting single quotes around the 2 variables in the above answer. – ppsreejith Jan 09 '13 at 05:52

score 0 · Answer 2 · edited May 23 '17 at 12:18

0

you could load some variables using the answer from this link and pass them into your function.

ASP.NET MVC using ViewData in javascript

edited May 23 '17 at 12:18

Community

1
1

answered Jan 08 '13 at 20:04

Modika

6,192
8
36
44

MVC: Use string variables of a view as parameter to a javascript function call

2 Answers2

Linked