Question

I am trying to get Razor (C#) and javascript to play nicely together but I can’t seem to do it. I have searched the other articles on StackOverflow, but none of them seem
to work for me.

Some noticeable differences from other posts and mine include the following:

I am using an external JavaScript file (not mandatory, but it is there).

I am using a cshtml file for the header layout for all pages (which puts the head tag in a different file than the one actually attempting to call the function.

I also use jQuery, if it would be easier that way.

What I am trying to accomplish:

All I need to do is get the contents of a tag (innerHTML, or .html in jQuery) (by id, class, whatever) and assign that value to “AppState[“gEntryID”] for use with the next page.

Some things I have tried:

function entryClickHandler()
{
    @AppState["gEntryID"] = document.getElementById("tester").innerHTML;
}

AND

function entryClickHandler()
{
    <text>
    @AppState["gEntryID"] = document.getElementById("tester").innerHTML;
    </text>
}

I have tried these (and a few other variations on these) in both the external file and the head section within the HeaderLayout File.

I understand that C# runs before the page and the JavaScript mostly runs after the page (at least with events such as this).

Any help would be greatly appreciated.

Answer 1

It doesn’t work that way. You cannot set variables in the C#/Razor side with JavaScript without using a form post or ajax submit.

Javascript doesn’t get access to the page until after Razor has done it’s part and rendered and sent the page.