MVC框架中的前端与后端数据传递及实例

您所在的位置:网站首页 ajax获取的数据怎么调用出来的数据 MVC框架中的前端与后端数据传递及实例

MVC框架中的前端与后端数据传递及实例

2024-01-12 21:19| 来源: 网络整理| 查看: 265

一、MVC框架

MVC代表Model、View、Controller,即模型、视图、控制器。其中:

View(视图):就是人机交互界面,可以给用户显示业务逻辑数据,同时也可以 接收用户输入的数据。 Model(模型):程序的业务数据和业务逻辑处理部分,Model提供视图的显示数据,且一个Model能为多个视图提供业务数据,因此Model也增加了代码的复用性。 Controlle(控制器):用来接收从视图输入的参数,同时调用对应的Model模型对数据进行业务逻辑处理,同时将处理好的数据传递到对应的视图来显示给用户。

MVC三部分分工明确,降低了应用程序的耦合性。典型的MVC模型如下图所示(此图来自网络)。首先,用户通过视图View,向控制器Controller传递指令及数据;控制器Controller根据来自视图的View的指令、数据,抉择相应的模型Model,并由Model完成对数据库的增删改查操作及业务处理;最后控制器把处理后的数据通过视图呈现给用户。在MVC框架中,数据贯穿整个过程,前端后端间数据传递,是Web应用程序的重要工作。

二、前端从后端取数据

以ASP.NET的MVC为例,前端从后端分别获取文本数据及数据库数据(建议刚接触同学重点看文本数据的获取,亲自做一遍,感受一下其中的方法):

1.前端通过ajax从后端获取文本数据

1)建立一个空的MVC程序,删除原有的控制器与视图,新建一个Test控制器,并右击控制器的Index方法,在弹出的对话框里选择“添加视图”,将在Views文件下自动建一个Test文件夹,内部含有一个Index.cshtml页面。

2)在Content文件夹下放一个名为txtData.txt文件,在里面加任意内容,并保存Unicode格式(防止加载后数据乱码)。

3)在Index.cshtml页面中,代码如下:



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3