如何从MVC控制器返回Json对象来查看
我正在做一个MVC应用程序，我需要从控制器传递json对象来查看。
var dictionary = listLocation.ToDictionary(x => x.label, x => x.value); return Json(new { values = listLocation}, JsonRequestBehavior.AllowGet); 上面的代码，我在我的控制器中使用，现在当我部署视图页面，在浏览器中打开一个下载对话框，打开文件时，它给了我JSON对象，因为我需要的格式。
现在我想返回我的视图页面，也想访问视图页面中的json对象。 我怎样才能做到这一点。
当你return Json(...)你特别告诉MVC 不要使用视图 ，并为序列化的JSON数据提供服务。 您的浏览器会打开一个下载对话框，因为它不知道如何处理这些数据。
如果你想要返回一个视图，只要像你一样return View(...) ：
var dictionary = listLocation.ToDictionary(x => x.label, x => x.value); return View(new { Values = listLocation });
然后在您的视图中，只需将数据编码为JSON并将其分配给JavaScriptvariables即可：
<script> var values = @Html.Raw(Json.Encode(Model.Values)); </script>
编辑
这里是一个更完整的示例。 由于我没有足够的上下文，这个示例将假设一个控制器Foo ，一个操作Bar和一个视图模型FooBarModel 。 另外，位置列表是硬编码的：
控制器/ FooController.cs
public class FooController : Controller { public ActionResult Bar() { var locations = new[] { new SelectListItem { Value = "US", Text = "United States" }, new SelectListItem { Value = "CA", Text = "Canada" }, new SelectListItem { Value = "MX", Text = "Mexico" }, }; var model = new FooBarModel { Locations = locations, }; return View(model); } }
型号/ FooBarModel.cs
public class FooBarModel { public IEnumerable<SelectListItem> Locations { get; set; } }
查看/美孚/ Bar.cshtml
@model MyApp.Models.FooBarModel <script> var locations = @Html.Raw(Json.Encode(Model.Locations)); </script>
通过看你的错误消息，似乎你是混合不兼容的types（即Ported_LI.Models.Location和MyApp.Models.Location ），所以，总结一下，确保从控制器动作端发送的types匹配是什么从视图中收到。 对于此示例，控制器中的@model MyApp.Models.FooBarModel在视图中匹配@model MyApp.Models.FooBarModel 。
你可以使用AJAX来调用这个控制器动作。 例如，如果您正在使用jQuery，则可以使用$.ajax()方法：
<script type="text/javascript"> $.ajax({ url: '@Url.Action("NameOfYourAction")', type: 'GET', cache: false, success: function(result) { // you could use the result.values dictionary here } }); </script>
<script type="text/javascript"> jQuery(function () { var container = jQuery("\#content"); jQuery(container) .kendoGrid({ selectable: "single row", dataSource: new kendo.data.DataSource({ transport: { read: { url: "@Url.Action("GetMsgDetails", "OutMessage")" + "?msgId=" + msgId, dataType: "json", }, }, batch: true, }), editable: "popup", columns: [ { field: "Id", title: "Id", width: 250, hidden: true }, { field: "Data", title: "Message Body", width: 100 }, { field: "mobile", title: "Mobile Number", width: 100 }, ] }); });
$.ajax({ dataType: "json", type: "POST", url: "/Home/AutocompleteID", data: data, success: function (data) { $('#search').html(''); $('#search').append(data[0].Scheme_Code); $('#search').append(data[0].Scheme_Name); } });
