访问JavaScript函数中的全局变量

Question

I am using C# asp.net mvc3. In one of my views, say I declare a variable like this:

@{
    ViewBag.Title = "title"   
    string mystr;  
}

I need to set the value of the variable mystr in a function of the script. How do I access this variable from the script? Suppose I have a function like

<Script type="text/javascript">
function(){
    var st = "This string is for the global variable"
     mystr = st;
}
</script>

mystr will later be used in the html code like this: <h2>@mystr</h2> . Is there a similar way of accessing a variable from a function?

Answer 1

mystr in your example is server side variable that lives during cshtml view parsing. So you can't affect it with JS code on the client side . You can try something like this:

<script type="text/javascript">
window.mystr = @(mystr); // Set value while server side processing.
function(){
    var st = "This string is for the global variable"
    window.mystr = st; // Get/Set value
}
</script>

And use global variable mystr on client side wherever you need.

If you need then set header's text via JS you can do it for example with jQuery:

<h2 id="header"></h2>

JS:

$('#header').text(window.mystr);