asp.net – 通过Ajax Post – MVC3更新模型更改视图
我试图使用Ajax(我想)调用来更新我的模型值,然后在视图中反映出新的值。我目前只是用来测试的。
概述: 模型 public class MyModel { public int Integer { get; set; } public string Str { get; set; } } CONTROLLER public ActionResult Index() { var m = new MyModel(); return View("Test1",m); } [HttpPost] public ActionResult ChangeTheValue(MyModel model) { var m = new MyModel(); m.Str = model.Str; m.Str = m.Str + " Changed! "; m.Integer++; return View("Test1",m); } 视图 @model Test_Telerik_MVC.Models.MyModel @using Test_Telerik_MVC.Models @{ ViewBag.Title = "Test1"; Layout = "~/Views/Shared/_Layout.cshtml"; } <h2> Test1</h2> @if (false) { <script src="~/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="~/Scripts/jquery-ui.min.js" type="text/javascript"></script> } <h2> ViewPage1 </h2> <div> <input type="button" onclick="changeButtonClicked()" id="changeButton" value="Click Me!" /> <input type="text" value="@Model.Str" class="txt" id="str" name="Str"/> <div></div> </div> <script type="text/javascript"> function changeButtonClicked() { var url = '@Url.Action("ChangeTheValue","Test1")'; var data = '@Model'; $.post(url,data,function (view) { $("#Str").value = '@Model.Str'; }); } </script> 基本上,视图呈现带有文本框的按钮。我的唯一目的是简单地在文本框中显示我的模型(Str属性)的值。 我已经尝试过changeButtonClicked()函数的各种组合无效。 Test1是我的控制器的名称。我不明白的是当我调试它,控制器动作触发并正确设置我的值。如果我在输入标签的“@ Model.Str”部分放置一个断点,它会显示我的@ Model.Str等于已更改!哪个是对的。但是,一旦我的成功功能在javascript中触发,该值将恢复为原始值。 我可以通过更改输入类型来提交并将其包装在@ Html.BeginForm()部分中,但是我想知道如何/如何做到这一点?还是提交完成它的唯一方法? 谢谢 解决方法
在jQuery中的第一件事是设置输入值的正确方法是使用
$("#Str").val(@Model.Str); 接下来我们将看一下控制器,在Post操作结果中,您将返回ajax调用中的整个View。这意味着所有的html,脚本引用和javascript都在你的jquery post请求中返回。因为所有您尝试更新的是名为str的输入的值,所以我只是将该值返回为json,而没有其他值。 [HttpPost] public ActionResult ChangeTheValue(MyModel model) { var m = new MyModel(); m.Str = model.Str; m.Str = m.Str + " Changed! "; m.Integer++; return Json(m.Str); } 接下来我会把你的html输入放在一个所以你可以有jquery序列化你的模型,然后你可以改变你的jQuery的邮政编码为: function changeButtonClicked() { var url = '@Url.Action("ChangeTheValue","Test1")'; $.post(url,$('form').serialize(),function (view) { $("#Str").val(view); }); } 所有的serialize正在做的是将您的表单中的输入编码为一个字符串,如果一切都正确命名,aps.net将绑定到您的模型。 如果您需要让路由处理ajax调用和完整请求,您可以使用asp.net的IsAjaxRequest函数来测试请求并返回不同的结果,具体取决于请求是否为ajax。你会在你的控制器中做这样的事情: [HttpPost] public ActionResult ChangeTheValue(MyModel model) { var m = new MyModel(); m.Str = model.Str; m.Str = m.Str + " Changed! "; m.Integer++; if (Request.IsAjaxRequest) { return Json(m.Str); } else { return View("Test1",m); } } 在上面的actionresult中,你正在做你以前做的一切,但现在正在测试请求类型,如果它是ajax,则返回一个Json结果的字符串值。如果请求不是来自ajax调用,则完整的View(html,脚本等)将返回以显示在浏览器中。 我希望这可以帮助你,并且是你正在寻找的。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- asp.net – 无法加载类型’System.ServiceModel.Activation
- asp.net-core – 实体框架核心以编程方式应用迁移
- asp.net-mvc – ASP.NET MVC RC中的Html.Image在哪里?
- asp.net-mvc – 如何在View中获取当前的url值
- asp.net – 通过不同的Web应用程序共享相同的dll而无需复制
- asp.net-mvc – ASP.NET MVC:围绕控制器分组类
- 清除多个工作进程的ASP.net缓存
- 你能运行一个从ASP.Net项目运行计划任务的“服务”吗?
- ASP.NET MVC5 中百度ueditor富文本编辑器的使用(转)
- asp.net-mvc – Web API错误:’ObjectContent`1’类型无法
- asp.net – 找不到’AppModule’的NgModule元数据
- 使用ASP.net刷新/重新加载副作用?
- asp.net-mvc – 在ajax调用中ASP.NET MVC错误的u
- asp.net-mvc – Asp.Net MVC – 进修课程
- asp.net – 新的dotnet核心项目无法恢复
- asp.net-mvc – 多选项卡验证无效
- asp.net-core – 在Windows上为不同平台构建core
- asp.net-mvc – ASP.NET MVC API或WCF API
- asp.net-mvc – MVC3,Razor,Html.TextAreaFor():
- asp.net – Visual studio – 在浏览器中查看时使