首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ASP.NET MVC如何将JSON对象从View传递给Controller作为参数

在ASP.NET MVC中,将JSON对象从View传递给Controller作为参数需要进行以下步骤:

  1. 在View中,使用JavaScript将JSON对象转换为字符串,并将其存储在隐藏字段中。
代码语言:javascript
复制
var jsonObject = {
    "name": "John",
    "age": 30,
    "city": "New York"
};

var jsonString = JSON.stringify(jsonObject);

$("#hiddenField").val(jsonString);
  1. 在Controller中,创建一个具有相应属性的Model类,以便将JSON对象映射到该类的实例。
代码语言:csharp
复制
public class PersonModel
{
    public string Name { get; set; }
    public int Age { get; set; }
    public string City { get; set; }
}
  1. 在Controller中,创建一个接受POST请求的Action方法,并将JSON字符串作为参数传递给该方法。
代码语言:csharp
复制
[HttpPost]
public ActionResult SavePerson(string jsonString)
{
    // 将JSON字符串转换为PersonModel实例
    var person = JsonConvert.DeserializeObject<PersonModel>(jsonString);

    // 在此处处理PersonModel实例

    return View();
}
  1. 在View中,使用Ajax将POST请求发送到Controller的Action方法。
代码语言:javascript
复制
$.ajax({
    url: "/ControllerName/SavePerson",
    type: "POST",
    data: { jsonString: $("#hiddenField").val() },
    success: function (result) {
        // 处理成功的响应
    },
    error: function (xhr, status, error) {
        // 处理错误的响应
    }
});

通过以上步骤,可以将JSON对象从View传递给Controller作为参数。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

MVC 到使用 ASP.NET Core 6.0 的Minimal API

这篇文章提供了有关如何将传统 MVC 概念转换为这种构建轻量级 HTTP API 和服务的新方法的分步指南。...MVCMVC 中,您可以将 JSON 请求正文绑定到 .NET 类型,方法是将其作为参数递给您的操作方法并使用[FromBody]属性对其进行修饰: [HttpPost("/payments"...MinimalAPI 使用 Minimal API,我们仍然可以依赖注入中受益,但不是使用构造函数注入,而是在处理程序委托中将依赖作为参数传递: app.MapDelete("/cache/{id}"...MinimalAPI 使用 Minimal API,您可以通过将以下类型之一[5]作为参数递给处理程序委托来访问相同的上下文信息: •HttpContext•HttpRequest•HttpResponse...(get_product在本例中为 ID)是如何作为匿名对象传递的。

7.5K10

跨平台开发体验: Windows

ASP.NET Core MVC利用路由系统为它分发请求,并在此基础上实现针对目标Controller的激活、Action方法的选择和执行,以及最终对于执行结果的响应。...如下所示的HelloController是我们定义的Controller类型。按照约定,所有的Controller类型名称都应该以“Controller”字符作为后缀。...与之前版本的ASP.NET MVC不同,ASP.NET Core MVC下的Controller类型并不要求强制继承某个基类。...在SayHello方法中,我们利用ViewBag将代表姓名的name参数值传递给呈现的视图,该方法最终调用View方法返回当前Action方法对应的ViewResult对象。...比如下面这个View最终会生成一个完整的HTML文档,其主体部分只有一个标签。该标签的内容是动态的,因为包含利用ViewBagController进来的姓名。

2K30

ASP.NET Core 入门教程 5、ASP.NET Core MVC 视图值入门

一、前言 1、本教程主要内容 ASP.NET Core MVC 视图引擎(Razor)简介 ASP.NET Core MVC 视图(Razor)ViewData使用示例 ASP.NET Core MVC...二、ASP.NET Core MVC 视图引擎(Razor)简介 1、ASP.NET Core MVC 视图引擎(Razor)概述 在MVC架构模式中,视图引擎/模板引擎负责将控制器(Controller...控制器(Controller)再将渲染的结果返回给请求的客户端。 在 ASP.NET Core MVC框架中,提供了视图引擎:Razor。 Razor提供了后缀为.cshtml的视图模板。...这是因为按照 ASP.NET Core MVC框架的约定,当我们在控制器(Controller)返回一个视图(return View();)时,如果只指定了视图名称(ViewName),并没有指定视图的完成路径.../对象

2.2K50

ASP.Net MVC开发基础学习笔记:一、走向MVC模式

aspx和ascx文件被用来处理视图的职责; C: Controller 处理用户交互,Model中获取数据并将数据传给指定的View;   (1)MVC作为架构模式的理解 ?   ...作为架构模式时,View的职责就是负责展示数据,而Controller则负责获取View传递来的数据,然后调用业务逻辑层处理完成的数据传递给View进行展示。...而Model则处理业务逻辑,并把结果返回给Controller传统三层架构上来看,ViewController都属于UI层,而Model则横跨BLL与DAL层。   ...(3)控制器的Action方法执行完成后,返回ViewResult,然后MVC框架在执行ExcuteResult方法时,Controller中的ViewData数据会传递给ViewPage类,其实就是把...(5)ViewData与ViewBag的比较 ViewData ViewBag 它是Key/Value字典集合 它是dynamic类型对像 Asp.net MVC 1 就有了 ASP.NET MVC3

2K30

Asp.Net MVC4入门指南(5):控制器访问数据模型

强类型模型和 @model 关键字 在本系列之前的教程中,您看到了使用ViewBag对象控制器传递数据或对象给视图模板。ViewBag是一个动态的对象,提供了方便的后期绑定方法将信息传递给视图。...ASP.NET MVC 还提供了传递强类型数据或对象到视图模板的能力。这种强类型使得更好的在编译时检查您的代码并在Visual Studio 编辑器中提供更加丰富的智能感知。...请注意这些代码是如何在Index操作方法中,创建List对象,并调用View方法的。...控制器访问数据模型是MVC数据传递中重要的知识部分,深入理解了这部分内容才能更好的进行MVC开发。当然,借助一些开发工具一样助力开发过程。...控制器访问数据模型 · 原文地址:http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/accessing-your-models-data-from-a-controller

4.2K50

ASP.Net MVC开发基础学习笔记:一、走向MVC模式

aspx和ascx文件被用来处理视图的职责; C: Controller 处理用户交互,Model中获取数据并将数据传给指定的View;   (1)MVC作为架构模式的理解   ...作为架构模式时,View的职责就是负责展示数据,而Controller则负责获取View传递来的数据,然后调用业务逻辑层处理完成的数据传递给View进行展示。...而Model则处理业务逻辑,并把结果返回给Controller传统三层架构上来看,ViewController都属于UI层,而Model则横跨BLL与DAL层。   ...(2)MVC作为表现模式的理解   (3)MVC架构模式综合模型   可以看出,对于MVC的两种不同理解的区别就在于对于Model的理解上:将Model作为业务模型(BLL、DAL等...(5)ViewData与ViewBag的比较 ViewData ViewBag 它是Key/Value字典集合 它是dynamic类型对像 Asp.net MVC 1 就有了 ASP.NET MVC3

88720

ASP.NET MVC5高级编程——(1)了解MVC模式和第一个MVC程序、认识控制器

MVC 编程模式 MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式: Model(模型)表示应用程序核心(比如数据库记录列表)...View(视图)显示数据(数据库记录)。 Controller(控制器)处理输入(写入数据库记录)。 下面,我们将开始第一个MVC程序哦!...中的约定: 视图访问和寻址规则 1)、在控制器中使用View()方法调用视图,返回和“动作方法同名”的视图 2)、寻址规则:View()方法默认View文件夹”下寻找和控制器同名的文件夹 MVC...,在Asp.Net MVC 5的默认路由约定中:将操作方法名称后面的URL的这个片段作为一个参数,该参数的名称为ID,如果操作方法中有名为ID的参数,那么Asp.Net MVC 会自动将这个URL片段作为参数进来...同时控制器还负责响应用户的输入,操纵正确的模型对象,然后选择合适的视图显示给用户以作为对用户最初输入的响应!!!

1.9K20

Asp.Net MVC4入门指南(6):验证编辑方法和编辑视图

(movie); } ASP.NET MVC 模型绑定 接收form所post的数据,并转换所接收的movie请求数据从而创建一个Movie对象。...它们获取影片对象 (或对象集合,如Index里的对象集合),并将模型传递给视图。Create方法将一个空的Movie对象递给创建视图。...在添加视图对话框中,指定你要将Movie对象递给视图模板作为其模型类。在框架模板列表中,选择列表,然后单击添加....前几行的代码会创建一个List对象来保存数据库中的电影流派。 下面的代码是数据库中检索所有流派的 LINQ 查询。...控制器访问数据模型 · 原文地址:http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/accessing-your-models-data-from-a-controller

4.3K100

ASP.NET MVC 5 - 验证编辑方法(Edit method)和编辑视图(Edit view)

他们得到一个电影对象(或对象列表中,如本案例的Index),并把模型数据传递给视图。Create方法传递一个空的影片对象给Create视图。...的SelectList对象在ViewBag作为存储类数据(这样的电影流派),然后在下拉列表框中的数据访问类别,是一个典型的MVC applications的方法。...ASP.NET MVC 5 - 将数据控制器传递给视图 5. ASP.NET MVC 5 - 添加一个模型 6. ...ASP.NET MVC 5 - 创建连接字符串(Connection String)并使用SQL Server LocalDB 7. ASP.NET MVC 5 - 控制器访问数据模型 8. ...ASP.NET MVC 5 - 验证编辑方法(Edit method)和编辑视图(Edit view) 9. ASP.NET MVC 5 - 给电影表和模型添加新字段 10.

6.7K110

ASP.NET MVC5中View-Controller间数据的传递

使用ASP.NET MVC做开发时,经常需要在页面(View)和控制器(Controller)之间传递数据,那么都有哪些数据传递的方式呢?...本文对于ViewController值共列举了以下几种方式: QueryString RouteData Model Binding Form 使用和Action参数同名的变量进行传递 Cookie...对于ControllerView值则列举了以下几种方式: 单个值的传递 Json 匿名类型 ExpandoObject ViewBag、ViewData、TempData ViewModel Cookie...,会看到Form Data一栏)中的值赋值到Action参数中,如果是get请求,MVC会尝试将QueryString的值赋值到Action参数中。...ControllerView值 单个值的传递 public ActionResult Index() { //注意,传递的值不能是string类型,否则会执行View(string viewName

2.7K10

MVC 是什么?它是如何工作的?-15

上图的意思如下: 当我们的请求到达服务器时,作为 MVC 设计模式下的 Controller,会接收请求并且处理它。...除了创建 Model 之外,控制器还选择 View 并将 Model 对象递给View。 视图仅负责呈现 Modle 的数据。...这种情况下的视图会和Student对象一起提供。 Student对象是将学生数据传递给视图的模型。 视图的唯一作用是将学生数据显示在 HTML 表中。 这是视图中的代码。...Controller 控制器 当来自浏览器的请求到达我们的应用程序时,作为 MVC 中的控制器,它处理传入的 http 请求并响应用户的操作。...一旦控制器使用所需数据构造了Student模型对象,它就会将该Student模型对象递给视图。 然后,视图生成所需的 HTML,以显示 Controller 提供给它的Student数据。

2.1K40

ASP.NET Core 入门教程 4、ASP.NET Core MVC控制器入门

一、前言 1、本教程主要内容 ASP.NET Core MVC控制器简介 ASP.NET Core MVC控制器操作简介 ASP.NET Core MVC控制器操作简介返回类型简介 ASP.NET Core...MVC控制器操作简介返回类型示例 ASP.NET Core MVC控制器参数映射逻辑说明 ASP.NET Core MVC控制器参数映射/获取示例 2、本教程环境信息 软件/环境 说明 操作系统 Windows.../item/mvc 二、ASP.NET Core MVC 控制器简介 1、ASP.NET Core MVC 控制器概述 在MVC Web框架中,路由模块会对接收到的请求进行匹配并转交由对应的控制器(Controller...当然,你也可以不以Controller作为控制器类名(ClassName)的固定后缀,那么路由模块会以完整的类名(ClassName)作为ControllerName 在 ASP.NET MVC框架中,...控制器(Controller)类名必须以Controller作为后缀,但是在 ASP.NET Core MVC框架中去掉了这个限制。

2.2K40

ASP.NET Core 入门教程 4、ASP.NET Core MVC控制器入门

MVC控制器操作简介返回类型示例 ASP.NET Core MVC控制器参数映射逻辑说明 ASP.NET Core MVC控制器参数映射/获取示例 2、本教程环境信息 软件/环境 说明 操作系统 Windows.../item/mvc 二、ASP.NET Core MVC 控制器简介 1、ASP.NET Core MVC 控制器概述 在MVC Web框架中,路由模块会对接收到的请求进行匹配并转交由对应的控制器(Controller...当然,你也可以不以Controller作为控制器类名(ClassName)的固定后缀,那么路由模块会以完整的类名(ClassName)作为ControllerName 在 ASP.NET MVC框架中...,控制器(Controller)类名必须以Controller作为后缀,但是在 ASP.NET Core MVC框架中去掉了这个限制。...{ //ControllerName=Test } 三、ASP.NET Core MVC 控制器操作简介 1、ASP.NET Core MVC 控制器操作概述 控制器(Controller)操作

1.9K10

自己动手写一个简单的MVC框架(第二版)

ASP.NET MVC中,会调用MvcHandler的ProcessRequest()方法,此方法会激活具体请求的Controller对象,触发Action方法,返回ActionResult实例。...一个是Lib,它是一个模拟ASP.NET MVC框架的最小化、轻量级的迷你MVC框架,其中Mvc文件夹模拟System.Web.Mvc,Routing文件夹模拟System.Web.Routing,而View...第一部分我们可以知道,ASP.NET MVC的入口在于UrlRoutingModule,因此这里我们便模拟实现了一个UrlRoutingModule. /// //...(3)View   在ASP.NET MVC中提供了aspx与Razor等模板引擎,这里我偷了懒,直接借助了NVelocity模板引擎来实现。...通过引入Mvc.Lib核心类库,建立Controller、Model和View文件夹以及对应的类和HTML来实现MVC模式。

1.4K20

七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC

UI,业务逻辑以及包含数据访问的中间层 Asp.Net MVC 由Model,ViewController三部分组成。...到这里我们就已经了解了ASP.Net MVC的各个组件。下面我们做一些小的实验深入了解MVC的各组件。首先我们Controller 控制器开始,因为ControllerMVC体系架构的核心部分。...在Asp.net MVC中是非常简单的。如果返回类型是”String“直接返回,不需要发送完整的HTML。 3. 如果Action 方法中返回对象值会出现什么意外情况?...的构造函数ViewPageActivator对象参数 ViewEngine 创建View类的对象 ViewEngine 调用View的RenderView 方法。...经过了本节MVC基础知识的学习,相信大家对MVC已经有了基本的认识。 下一节,我们将讨论模型,验证,Jquery和Json。所以请持续关注吧!

3.1K60

了解ASP.NET MVC几种ActionResult的本质:EmptyResult & ContentResult

[本文已经同步到《How ASP.NET MVC Works?》...我们在默认的Action方法Index中创建一个包含三个商品的ShoppingCart对象,并将其作为Model呈现在对应的View中。...但是对于后台程序来说,数据却是通过一个基于某种CLR类型的对象来承载,当客户端调用某个Action方法并希望以JSON的格式返回请求的数据时,ASP.NET MVC需要有一种机制将CLR对象转换成JSON...定义在JsonResult的ExecuteResult方法中通过JavaScriptSerializer对数据对象的序列化,并将序列化生成的JSON字符串作为内容对请求进行响应,具体的逻辑基本上可以通过下面的代码片断来体现...ContentResult 了解ASP.NET MVC几种ActionResult的本质:FileResult 了解ASP.NET MVC几种ActionResult的本质:JavaScriptResult

1.7K50

了解ASP.NET MVC几种ActionResult的本质:JavaScriptResult & JsonResult

[本文已经同步到《How ASP.NET MVC Works?》...我们在默认的Action方法Index中创建一个包含三个商品的ShoppingCart对象,并将其作为Model呈现在对应的View中。...但是对于后台程序来说,数据却是通过一个基于某种CLR类型的对象来承载,当客户端调用某个Action方法并希望以JSON的格式返回请求的数据时,ASP.NET MVC需要有一种机制将CLR对象转换成JSON...定义在JsonResult的ExecuteResult方法中通过JavaScriptSerializer对数据对象的序列化,并将序列化生成的JSON字符串作为内容对请求进行响应,具体的逻辑基本上可以通过下面的代码片断来体现...ContentResult 了解ASP.NET MVC几种ActionResult的本质:FileResult 了解ASP.NET MVC几种ActionResult的本质:JavaScriptResult

1.7K80
领券