如何在MVC应用程序中使用Jquery

转眼间已经是11月中旬了，从今天开始我会继续研究MVC在ASP.NET的详细用法，所以我会把这些读书笔记和个人经历写成博客，让大家都可以学到一些东西。我读的书是：ASP.NET MVC高级编程。现在我将谈谈如何在MVC中使用JavaScript和Jquery。以及我们现在经常使用的Ajax。

1.Ajax初步介绍

(1)我们现在创建的几乎所有Web应用程序都使用Ajax技术。从技术上讲，Ajax代表异步JavaScript和XML (Ajax)。实际上，他代表了在构建具有良好用户体验的响应性Web应用程序时使用的所有技术。

(2)ASP.NET MVC 4是一个现代Web框架，和其他现代Web框架一样，它从一开始就支持Ajax技术，而Ajax支持的核心来自于开源的JavaScript库Jquery。

(3)如果我们想在MVC中使用Ajax，就必须学习Jquery。Jquery不是这个博客的主要内容，所以我建议学习和最初学习一样。我的Jquery学习来自《锋利的Jquery》。

2.如何在MVC应用中使用Jquery

(1)在ASP.NET使用Visual Studio项目模板创建新的mvc项目时，默认情况下会生成使用Jquery所需的所有内容，每个新项目都会包含一个Scripts文件夹，其中包含很多。js文件，这样就可以创建一个新的MVC项目来看一看，如图所示：

(2)Jquery核心库是一个名为JQuery-version.js的文件，因为我的VS是2012，所以Jquery的版本是1.7.1。该文件包含jquery源代码的注释性版本。还有一个Jquery-version.min.js文件。压缩的JavaScript文件包含”。他们的名字里有“min”。顾名思义，它们比相应的压缩文件占用更少的空间(通常小一半)。它们不包含不必要的空白字符或注释，所有局部变量名都是一个字符长。如果你打开一个压缩文件，你会看到一堆不可读的JavaScript代码。如图所示：

(2)客户端上的简化JavaScript脚本文件的行为和功能与非简化文件相同。但是，由于简化文件较小，通常会尽可能多地发送到客户端(因为这样可以减少下载的数据字节数，从而加快加载和运行速度)。

(3)ASP.NET MVC应用中的默认布局尝试(_Layout.cshtml)通常是指带有以下脚本标签的Jquery的简化版本：

脚本src='http:@Url。内容(' ~/Scripts/jquery-1.7.1.min.js ')'类型='text/javascript'/script

注意：如果要在MVC中使用Jquery，需要通过布局视图将上面的脚本标签放入HTML标签中。

3.将脚本放在节点中

(1)将脚本注入输出的另一种方法是定义一个Razor部分来防止脚本。例如，在布局视图(_Layout.cshtml)中，可以呈现名为scripts的节点，并将其设置为可选节点。代码如下：

头

title @ ViewBag。标题

链接href='@Url。内容(' ~/Content/Site.css')' rel='样式表'类型='text/css' /

脚本src='http:@Url。内容(' ~/Scripts/jquery-1.7.1.min.js ')'类型='text/javascript'/script

@RenderSection('scripts '，required : false)；

/head

(2)现在，我们可以向引用布局的任何视图添加一个脚本姊妹，以将特定的脚本注入到尝试的头部：Index.cshtml

@{

视图包。Title='主页'；

}

@节脚本{

脚本src='http:@Url。内容(' ~/Scripts/jquery.validate.js ')'类型='text/javascript'/script

}

(3)此时我们按F5运行网站，打开网站首页：http://localhost 336034147/home/index。我们可以看到，我们添加的jquery.validate.js文件显示在引用的js的底部。如图所示：

(4)上述方法可以设置脚本标签的确切位置，以确保所需的脚本以正确的顺序出现。

4.4中的其他文件。脚本目录

(1)我们来讨论一下，当我们创建MVC应用程序时，系统默认为我们添加了一个Scripts文件夹，里面包含了很多JavaScript文件，那么这些文件是做什么用的呢？下面我们分开来说

(2)除了Jquery核心库，Scripts目录还包含两个Jquery插件：Jquery UI和Jquery验证。这些扩展增加了Jquery核心库的功能。

(3)有些人可能还会发现Scripts中有名为“vsdoc”的文件，这是专门为帮助Visual Studio更好地提供智能感知服务而设计的。程序中不需要直接引用这些文件，也不需要发送给客户端。当使用自定义脚本文件中引用的脚本时，Visual Studio将自动找到这些文件。

(4)目录名中带有“不显眼”字样的文件是微软写的。这些非侵入式脚本集成了Jquery和ASP.NET MVC框架，从而提供了前面提到的非侵入式JavaScript特性。如果你想实现ASP.NET MVC框架的Ajax特性，你需要使用这些文件。

(5)目录中还包含一些名称以Microsoft(如MicrosoftAjax.js)一词开头的文件，这些文件要么包含MicrosoftAjax库，要么基于Microsoft Ajax库构建，因为默认情况下ASP.NET MVC 3应用程序依赖于Jquery。因此，在ASP.NET MVC 3框架下创建的程序不需要这些文件，因此它们可以安全地从应用程序中删除。这里包含这些文件的原因主要是为了实现向后兼容。

好了，今天就到这里吧。详细的朋友已经知道如何在MVC中使用jQuery了。我们稍后再深入讨论