How to pass a value to razor variable from javascript variable?

by

You can’t. and the reason is that they do not “live” in the same time.
The Razor variables are “Server side variables” and they don’t exist anymore after the page was sent to the “Client side”.

When the server get a request for a view, it creates the view with only HTML, CSS and Javascript code. No C# code is left, it’s all get “translated” to the client side languages.

The Javascript code DOES exist when the view is still on the server, but it’s meaningless and will be executed by the browser only (Client side again).

This is why you can use Razor variables to change the HTML and Javascript but not vice versa. Try to look at your page source code (CTRL+U in most browsers), there will be no sign of C# code there.

In short:

  1. The server gets a request.

  2. The server creates or “takes” the view, then computes and translates all the C# code that was embedded in the view to CSS, Javascript, and HTML.

  3. The server returns the client side version of the view to the browser as a response to the request. (there is no C# at this point anymore)

  4. the browser renders the page and executes all the Javascript

More Related Contents:

  1. Does Angular routing template url support *.cshtml files in ASP.Net MVC 5 Project?
  2. How can I get the current Crome URL?
  3. Restricting Character length in Regular expression
  4. Using Razor within JavaScript
  5. Call ASP.NET function from JavaScript?
  6. Execute JavaScript using Selenium WebDriver in C#
  7. Accessing Asp.net controls using jquery (all options)
  8. Restricting character length in a regular expression
  9. Fast rectangle to rectangle intersection
  10. Showing C# tags in Jekyll Github pages using Highlight.js
  11. asp.net-mvc: razor ‘@’ symbol in js file
  12. How to set javascript variables using MVC4 with Razor
  13. How to fire a button click event from JavaScript in ASP.NET
  14. ASP.NET MVC implement custom validator use IClientValidatable
  15. Passing dynamic javascript values using Url.action()
  16. Razor Syntax and Javascript
  17. Calling ASP.NET MVC Action Methods from JavaScript
  18. Function not defined error while using asp.net ajax
  19. Uploading File using Ajax in Asp.Net Core
  20. jQuery: How to traverse / Iterate over a list of object
  21. How to find horizon line efficiently in a high-altitude photo?
  22. “Object doesn’t support property or method ‘find'” in IE
  23. C# MVC Controller cannot get decimal or double values from Ajax POST request
  24. How to use Qt WebEngine and QWebChannel?
  25. ASP.NET Parse DateTime result from ajax call to javascript date
  26. Using Crypto-JS in Google Apps Script – What is C.lib?
  27. Share constants between C# and Javascript in MVC Razor
  28. Compile JavaScript to Native Code with V8
  29. Conditional Compilation is turned off in Razor?
  30. Using Razor, how do I render a Boolean to a JavaScript variable?

Leave a Comment