如何将结果发送回同一视图?

编程入门行业动态更新时间:2024-10-28 06:22:19

本文介绍了如何将结果发送回同一视图?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！问题描述

如果我的视图中有此内容:

If I have this in my View:

@using (Html.BeginForm("Sum","Student")) { <p> Number1: @Html.TextBox("num1") </p> <P> Number2: @Html.TextBox("num2") </P> <input type="submit" value="Calculate"/> }

这在我的控制器中:

public void Sum(FormCollection values) { var num11 = Convert.ToInt32(values["num1"]); var num21 = Convert.ToInt32(values["num2"]); int result = num11 + num21; //How return result back to view and show it in a textbox }

如何将结果返回到视图并显示在文本框中?

How can I return the result back to the view and show it in a textbox?

编辑:我按照建议尝试了以下代码，但随后将我重定向到另一个视图，但没有任何结果.我想在将数据发送到sum方法的同一视图中显示结果:

Edit: I tried the following code as suggested but it then redirect me to another view without any result. I want to show the result in the same view that I send the data to the sum method:

public void Sum(FormCollection values) { .... ViewBag.result = result; }

并且:

.... <input type="submit" value="Calculate"/> string str = (string)ViewBag.Res; @Html.TextBox("Result",str)

推荐答案

我建议您使用表单模型而不是仅使用命名字符串.它可以让您以更漂亮的方式做更多的事情.

I would suggest you to use form-model instead of just named strings. It will allow you to do much more in much more beautiful way.

Views/Test/Index.cshtml

@model MyForm @using (Html.BeginForm("Index", "Test")) { <div>@Html.TextBoxFor(m => m.Num1)</div> <div>@Html.TextBoxFor(m => m.Num2)</div> <div>@Html.TextBoxFor(m => m.Result)</div> <input type="submit" value="Calculate" /> }

Myform.cs

public class MyForm { public int Num1 { get; set; } public int Num2 { get; set; } public long Result => Num1 + Num2; }

TestController.cs

public class TestController : Controller { [HttpGet] public ActionResult() { return View(new MyForm()); } [HttpPost] public ActionResult Index(MyForm form) { return View(form); } }

已更新

好像我们在这里谈论AJAX请求一样.尽管我认为在MVC上使用AjaxHelper是一种不好的做法(在具有层次结构的大型项目中)，但在这种情况下，它可能会很好地工作.

Looks like we're talking about AJAX requesting here. Although i consider using AjaxHelper at MVC a bad practice (in a large projects with hierarchycal structure), in this case it might work just fine.

@using (Ajax.BeginForm("Calculate", "Test", new AjaxOptions { HttpMethod = "GET", InsertionMode = InsertionMode.Replace, UpdateTargetId = "Result" })) { <div>@Html.TextBox("num1")</div> <div>@Html.TextBox("num2")</div> <div id="Result"></div> <input type="submit" value="Calculate" /> }

和方法

public ActionResult Calculate(FormCollection values) { var num1 = Convert.ToInt32(values["num1"]); var num2 = Convert.ToInt32(values["num2"]); return Content(num1 + num2); }