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

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

(1) 当使用Visual Studio项目模版创建新的ASPNET MVC项目时，它会默认生成使用Jquery需要的所有内容，每个新项目中都回包含一个Scripts文件夹，里面带有很多个js文件，各位可以新建一个mvc项目看看，如图所示：

(2) JQuery核心库是一个名为Jquery-<version>js的文件，因为我使用的VS是2012，所以Jquery的版本是171，这个文件中包含了JQuery源代码的可注释版本。还有一个Jquery-<version>minjs文件，精简的JavaScript文件在他们的名称中包含了“min”,顾名思义，他们占用的空间要小于对应的非精简文件（通常情况下要小一半）。他们不包含不必要的空白字符，也不包含注释，并且所有局部变量名称的长度都是一个字符，如果打开一个精简文件，你会看到一堆不可读的JavaScript代码。如图所示：

(2) 精简的JavaScript脚本文件在客户端的行为以及实现的功能与非精简文件一样，然而，由于精简文件叫较小，因此通常都是尽可能的向客户端发送精简文件(因为它可以减少下载的数据字节数，从而加快加载与运行的速度)。

(3) ASPNET MVC应用程序中默认的布局试图(_Layoutcshtml)通常情况下用下面的脚本标签引用Jquery的精简版本：

<script src="@UrlContent("~/Scripts/jquery-171minjs")" type="text/javascript"></script>

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

首先，让我们先更新 API 项目

我们将先对 API 项目进行必要的修改，修改完成之后再切换到 Web 项目对客户端进行更新。

第1步：我们需要一个数据库

在能做任何 *** 作之前我们需要先创建一个数据库。本例中将使用 SQL Server Express。如果你没有安装，可以从这里下载 SQL Server Express。安装完成之后，创建一个名为 CallingWebApiFromMvc 的数据库。这就是第一步要做的。

Api 项目还需要一个数据库连接字符串，否则我们寸步难行。把下面这段代码插入到 Api 项目的Webconfig 文件中：

<connectionStrings>

<add name="ApiFromMvcConnection" connectionString="Data Source=(local);Initial Catalog=CallingWebApiFromMvc;Integrated Security=True" providerName="SystemDataSqlClient" /></connectionStrings>

认证（Identity）框架会自动创建我们管理用户所需要的成员关系表，现在不需要担心去提前创建它们。

以上就是关于如何在MVC应用程序中使用Jquery全部的内容，包括:如何在MVC应用程序中使用Jquery、如何使用 Web API 来对 MVC 应用程序进行身份验证、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！