access model in javascript asp .net mvc razor

by

model is undefined, as far as JavaScript is concerned. The server-side code in your view executes, well, server-side. JavaScript has no notion of that. It’s only concerned with the client-side output of that code. You can kind of mix the two, but need to keep in mind that the server-side components are just there to emit strings which will be part of the client-side output.

So, for example, if you have a property on your model called:

Model.SomeProperty

Then you can’t use it directly in JavaScript like this:

alert(Model.SomeProperty)
// or
alert(SomeProperty)

That’s not using the razor view syntax to tell the view engine that there’s server-side code here. This is syntactically client-side code, and there is no Model client-side. So you need to indicate that there’s server-side pre-processing to do:

alert(@Model.SomeProperty)

Additionally, if SomeProperty is a string, then keep in mind that it’s output isn’t going to include quotes. So you’d need to provide those for client-side code as well:

alert('@Model.SomeProperty')

Thus, the server-side value of SomeProperty will be emitted here when it’s rendered to the client. So if the value is something like "Hello World" then the resulting client-side code would be:

alert('Hello World')

The main thing is to keep in mind the separation between the server-side code and the client-side code. All JavaScript/HTML/CSS is just one big string as far as server-side code is concerned. The view is essentially just creating a big string to send to the browser. Once it’s in the browser, the client-side rendering knows the difference between JavaScript/HTML/CSS and executes accordingly, long after the server-side code is gone.

More Related Contents:

  1. Perform client side validation for custom attribute
  2. jquery ui datepicker and mvc view model type datetime
  3. How can I convince IE to simply display application/json rather than offer to download it?
  4. Send JSON data via POST (ajax) and receive json response from Controller (MVC)
  5. How can I post an array of string to ASP.NET MVC Controller without a form?
  6. grid controls for ASP.NET MVC? [closed]
  7. Ajax.BeginForm in MVC to upload files
  8. Use ASP.NET MVC validation with jquery ajax?
  9. Posting JSON data via jQuery to ASP .NET MVC 4 controller action
  10. ASP.net MVC 3 jQuery Validation; Disable Unobtrusive OnKeyUp?
  11. JQUERY ajax passing value from MVC View to Controller
  12. The field date must be a date in mvc in chrome [duplicate]
  13. How to render partial view in MVC5 via ajax call to a controller and return HTML
  14. How to Call Controller Actions using JQuery in ASP.NET MVC
  15. How do I pass a Dictionary as a parameter to an ActionResult method from jQuery/Ajax?
  16. Jquery dialog partial view server side validation on Save button click
  17. How to simplify my statefull interlaced modal dialogs in ASP.NET MVC
  18. Date of Birth validation keeps showing
  19. Validate dynamically added fields
  20. jQuery: How to traverse / Iterate over a list of object
  21. Possible to access MVC ViewBag object from Javascript file?
  22. How to create cascading drop-down list
  23. Populate Select box options on click with Javascript/Jquery with Json data
  24. How to export all rows from Datatables using Ajax?
  25. MS MVC form AJAXifying techniques [closed]
  26. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  27. Usage of the ASP.NET MVC4 jquery/javascript bundles
  28. Manually set unobtrusive validation error on a textbox
  29. Trigger change event of dropdown
  30. File upload Jquery WebApi

Leave a Comment