Looking to pass variables from c# to javascript to use some jquery code. Passing doubles, ints, strings, arrays. Does anyone know how to do this?
for example if I have this code snip in c#:
string blah = "this is a blah string";
I would like to pass this into javascript so that I could use a mouseover event in jquery:
$('#myDiv').mouseover(function(){ //do something with my 'blah' string });
Nevermind I think I figured it out. Assuming the code above, you can write in javascript:
<script type="text/javascript"> var JavascriptBlah = '<%=blah%>'</script>
This will pass the blah in c# to the JavascriptBlah on the client side. Then you can manipulate on client side.
You can use public properties on the code behind as well as the session. Here is a sample using public properties that can be read from a Javascript function.
Front End:
function IsAgentInProgram()
{
var optStatus = "<%=AgentOptInStatus%>";
if (optStatus == "True")
alert("You are opted in!");
else
alert ("You are opted OUT");
}
Code Behind:
public bool AgentOptInStatus;
private void Page_Load(object sender, System.EventArgs e)
{
this.AgentOptInStatus = true;
}
I recently used this ToJson() extension method along with Page.RegisterClientScriptBlock Method to pass down a multi-level mapping object that populates three levels of cascaded dropdowns.
you can use asp:HiddenField variables to pass values between codebehind and js.. this accomplished with viewstate of page during postbacks...
<script>
const blah = @Json.Serialize(Model.Title);
</script>
This uses IJsonHelper.Serialize, which JSON-encodes characters such as double quotes and angular brackets. This is secure in the sense that it does not allow HTML tags. It is correct in the sense that all characters end up the same in the JavaScript variable.
E.g.
const blah = @Json.Serialize("John's</script>");
turns into
const blah = "John\u0027s\u003c/script\u003e";
The default implementation for IJsonHelper uses System.Text.Json.Serializer with a HTML-safe encoder. The NewtonSoft.Json implementation also encodes HTML correctly.
@Html.Raw is not needed since Json.Serialize returns an IHtmlContent that is not HTML-encoded.
