ASP.NET实战006：MVC使用 Ajax数据传递

1、为了降低Controller与View的耦合性，同时提高服务器的性能，实现真正的前后端分离，我们有必要对MVC模式进行改进。之前用用Vue+Django+MySQL做前后端分离项目的时候都是通过Axios技术实现数据请求的，这样我们同样可以借助这个逻辑，通过Ajax发送请求，当服务端接受该请求后将处理的数据通过JSON数据格式返回给视图，最后通过浏览器渲染呈现给用户。

3、MVC中使用 Ajax由于MVC实现了前后端分类，所以在前端使用Ajax很简单，我们利用JQuery就可以轻松的实现Ajax，它对 Ajax 做了大量的封装分别是$.ajax()、$.load()、$.get()、$.post()、$.getScript()和$.getJSON()方法。使用的时候我们只要引入JQuery文件，在需要的地方使用对应的方法即可。

5、通过点击登录按钮来触发Ajax请求，这里的@section scripts是用来引入脚本的我在布局页_Layout.cshtml文件中定义了@RenderSection("scripts",required:false)方法，用来渲染其他子页中的脚本或样式的。这里我们是登录，所以要想服务器发送数据，这里我们可以采用$.post()方法通过 HTTP POST 请求从服务器载入数据来实现，$.post()方法有四个参数，分别是url（ 请求地址）、data（请求数据）、function（请求成功后执行的回调函数）、dataType（数据类型），只有第一个参数是必须的，其他都可以为空，具体代码如下：

7、运行效果到这里我们就实现了一个简单的登录功能测试了，通过Ajax实现了简单的数据交互，而且我们可以看到局部刷新的。这也是Ajax的特点，可以与服务器进行异步通信从而实现局部刷新的。同时Ajax会对数据进行过滤，只有确定需要从服务器读取新数据时，Ajax引擎才会向服务器提交请求。

9、接着我们修改下LoginController中的confirm方法，实例化MysqlHelper类，去数据库中查找我们从前端获取的用户名和密码（这里我暂时没做密码加密处理，所以数据库中密码暂时是明文，可以直接查询），GetDataTable方法会给我们返回查询结果，如果存在则说明是已注册用户则验证成功允许页面跳转，否则验证失败。