Javascript with ASP.NET MVC

Question

Hi,
As ASP.Net Webforms is mostly obsolete, I want to brush my JavaScript and MVC skills . But most tutorials point to JavaScript with ASP .NET Web forms.

My question, Is JavaScript not used with ASP.NET MVC?

Am in the right direction of technology selection ? Please guide me.

Answer 1

Hi @tanimakumari-5311,
JavaScript can be used in asp.net mvc.
If you go for Asp.NET Web forms, there is no need to have a detailed understanding of HTML, CSS or JavaScript as it abstracts all these details and provides automatic plumbing. However, if you’re using ASP.NET MVC, you will need a clear understanding of how HTML, CSS and JavaScript work.
Below is an example using Razor syntax combined with a simple demo of javaScript.
First create a Controller, and then add a view, the code of the View part is as follows:

Result：
When you click "Click to show time!", the current time will be displayed below.

For more usage syntax, please refer to the example.
Introduction to ASP.NET Web Programming Using the Razor Syntax (C#)
You can also use some js frameworks, such as angular ,Vue , ember.

---

If the answer is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best Regards,

ChaoDeng

Answer 2

Yes you use javascript with asp.net MVC. here is one article showing MVC with Angular a javascript library

Answer 3

You can use JavaScript with ASP.NET MVC views just like it can be done with ASP.NET Webforms. There is nothing different about the DOM or HTLM controls on a MVC view as opposed to Webform in using JavaScript.

http://www.codedigest.com/posts/35/adding-javascript-in-aspnet-mvc-views

You should look into using a Razor page project that is similar to using Webforms and the codebehind file that is still using the MVC pipeline.

Answer 4

In addition to previous answers, I suggest you trying to create a new "ASP.NET Core Web Application (Model-View-Controler)" project.

Visual Studio will create default files and folders...
In the "/wwwroot/lib" folder, you will found a "jquery" folder as JQuery is used for some validations for example.
There is a "/wwwroot/js/site.js" file ready to be completed by your own. In this one, line 4 says "// Write your JavaScript code." ;-)

ASP.NET MVC even have integrated functions to bundle and minize your different Javascript files.