In an ASP.NET MVC site, where would the JQuery code go?

views:

123

answers:

+1 Q:

In an ASP.NET MVC site, where would the JQuery code go?

I'm just getting started with ASP.NET MVC. I'm going to be using JQuery on the website I'm making, but I'm not really sure about one thing: where would JQuery code be placed?

This concerns two things:

Where do I import the JQuery JavaScript file? (I've been thinking that the Master page would be a good place to do this; am I right, or do I have to import it in each view?)
Should all my JQuery code be referenced from the Master page (i.e., I store my code that uses JQuery in a separate .js file and reference it in a <script> tag)?

Thanks in advance.

+2 A:

Anything that you will use in every page put a import in your master. If its something that you will only use on a smaller scale, put the import in the view that will use it.

The key is to not load unnecessary bytes when they won't even be used. I have a universal js file that contains anything that will be used as more common functions across the board imported in my master. Then on a page by page basis, I have only the js imports that I need for that page.

If you put every js import in your master that means it will load that js on every page, when maybe half of them aren't even used for that particular page. That can have a big impact on page load times.

I suggest also using something that can compress the js to a minified version for production. Telerik has their Script Registrar and it's a really nice tool as well.

gmcalab 2010-04-01 15:15:52

So, essentially: Import JQuery in Master Page (assuming it's used a lot), import specific files for a view in the view. Thanks!

Maxim Zaslavsky 2010-04-01 19:29:30

Hey, quick question: if I use the Visual Studio documentation for jQuery, can I just put that in the Master Page, too?

Maxim Zaslavsky 2010-04-01 19:34:45

For intelliSense?

gmcalab 2010-04-01 19:41:53

+1 A:

My jquery code is placed in the head of the masterpage since it's used on just about every view on the site. The only reason you wouldn't do this is if you're only using the jquery library on a few of your views, in which case there's no reason to load it up for every user.

Focus 2010-04-01 15:16:46

+2 A:

Add JQuery to the bottom of Site.Master just about the body tag. This means the page will load and not wait for the Javascript.

But the JQuery relevant to each view, but add on a View level.

Simmo 2010-04-01 15:17:15

+1 and to further back this up: http://elegantcode.com/2010/03/30/your-javascript-goes-where/

mxmissile 2010-04-01 15:19:56

I disagree with this, I won't DV as this more of a subjective argument but javascript should go FIRST. If you load javascript last your site might not function correctly or users will do stuff and get unexpected results because javascript isn't loaded to handle an action yet. Another reason this also means any page specific javascript has to be further than the libraries or you'll get not exists errors. the ASP.NET script managers put the javascript at the top of the page where it belongs.

Chris Marisic 2010-04-01 15:24:21

Wrap your JQuery the code below. No JQuery will be executed until the page is ready.$(document).ready(function() { ... }

Simmo 2010-04-01 15:31:00

+2 A:

You should import your JQuery library on the master page. Probably you'll use JQuery on most of the views so having the reference in only one place it's most welcome.
Normally it's a good practice to have all javascript code you can in separated files, as less inline javascript as you have the better. 2 reasons: more readable code and better performance since external javascript files are cached.

Claudio Redi 2010-04-01 15:19:47

You should let Google host jQuery for you.

Andrew Lewis 2010-04-01 16:17:22

This is not what my question is about. I'm not asking how to host jQuery, I'm asking where to reference it in my ASP.NET MVC site.

Maxim Zaslavsky 2010-04-01 19:30:21

ansaurus

tags:

views:

answers:

In an ASP.NET MVC site, where would the JQuery code go?

related questions