返回JSON或部分html的ASP.NET MVC控制器操作

我想创build控制器的行动,将返回JSON或部分的HTML取决于参数。 什么是最好的方式来asynchronous返回到MVC页面的结果?

在您的操作方法中,返回Json(object)将JSON返回到您的页面。

public ActionResult SomeActionMethod() { return Json(new {foo="bar", baz="Blech"}); } 

然后使用Ajax调用操作方法。 您可以使用ViewPage中的其中一个辅助方法,如

 <%= Ajax.ActionLink("SomeActionMethod", new AjaxOptions {OnSuccess="somemethod"}) %> 

SomeMethod将是一个JavaScript方法,然后评估返回的Json对象。

如果你想返回一个纯string,你可以使用ContentResult:

 public ActionResult SomeActionMethod() { return Content("hello world!"); } 

ContentResult默认返回一个text / plain作为其contentType。
这是可以重载的,所以你也可以这样做:

 return Content("<xml>This is poorly formatted xml.</xml>", "text/xml"); 

我认为你应该考虑请求的AcceptTypes。 我正在使用它在我当前的项目中返回正确的内容types,如下所示。

您对控制器的操作可以按请求对象进行testing

 if (Request.AcceptTypes.Contains("text/html")) { return View(); } else if (Request.AcceptTypes.Contains("application/json")) { return Json( new { id=1, value="new" } ); } else if (Request.AcceptTypes.Contains("application/xml") || Request.AcceptTypes.Contains("text/xml")) { // } 

然后,您可以实现视图的aspx以迎合部分xhtml响应的情况。

然后在jQuery中,你可以获取它传递types参数为json:

 $.get(url, null, function(data, textStatus) { console.log('got %o with status %s', data, textStatus); }, "json"); // or xml, html, script, json, jsonp or text 

希望这有助于詹姆斯

另一个处理JSON数据的好方法是使用JQuery getJSON函数。 你可以打电话给

 public ActionResult SomeActionMethod(int id) { return Json(new {foo="bar", baz="Blech"}); } 

方法从jquery getJSON方法通过简单…

 $.getJSON("../SomeActionMethod", { id: someId }, function(data) { alert(data.foo); alert(data.baz); } ); 

我发现一些实现MVC ajax与JQuery GET调用的问题,让我头痛,所以在这里共享解决scheme。

  1. 确保在ajax调用中包含数据types“json”。 这会自动parsing返回的JSON对象给你(给服务器返回有效的JSON)。
  2. 包括JsonRequestBehavior.AllowGet ; 没有这个MVC是返回一个HTTP 500错误(在客户端指定的dataType: json )。
  3. 添加cache: false为$ .ajax调用,否则您将最终获得HTTP 304响应(而不是HTTP 200响应),服务器将不处理您的请求。
  4. 最后,json区分大小写,所以元素的外框需要在服务器端和客户端进行匹配。

示例JQuery:

 $.ajax({ type: 'get', dataType: 'json', cache: false, url: '/MyController/MyMethod', data: { keyid: 1, newval: 10 }, success: function (response, textStatus, jqXHR) { alert(parseInt(response.oldval + ' changed to ' + newval)); }, error: function(jqXHR, textStatus, errorThrown) { alert('Error - ' + errorThrown); } }); 

示例MVC代码:

 [HttpGet] public ActionResult MyMethod(int keyid, int newval) { var oldval = 0; using (var db = new MyContext()) { var dbRecord = db.MyTable.Where(t => t.keyid == keyid).FirstOrDefault(); if (dbRecord != null) { oldval = dbRecord.TheValue; dbRecord.TheValue = newval; db.SaveChanges(); } } return Json(new { success = true, oldval = oldval}, JsonRequestBehavior.AllowGet); } 

要回答问题的另一半,你可以打电话给:

 return PartialView("viewname"); 

当你想要返回部分HTML。 你只需要find一些方法来决定请求是否需要JSON或HTML,也许基于URL部分/参数。

你可能想看看这个非常有用的文章,这非常好!

只是认为它可以帮助人们寻找这个问题的一个很好的解决scheme。

http://weblogs.asp.net/rashid/archive/2009/04/15/adaptive-rendering-in-asp-net-mvc.aspx

加载框架的替代解决scheme

操作返回json

调节器

  [HttpGet] public ActionResult SomeActionMethod() { return IncJson(new SomeVm(){Id = 1,Name ="Inc"}); } 

剃刀页面

 @using (var template = Html.Incoding().ScriptTemplate<SomeVm>("tmplId")) { using (var each = template.ForEach()) { <span> Id: @each.For(r=>r.Id) Name: @each.For(r=>r.Name)</span> } } @(Html.When(JqueryBind.InitIncoding) .Do() .AjaxGet(Url.Action("SomeActionMethod","SomeContoller")) .OnSuccess(dsl => dsl.Self().Core() .Insert .WithTemplate(Selector.Jquery.Id("tmplId")) .Html()) .AsHtmlAttributes() .ToDiv()) 

操作返回HTML

调节器

  [HttpGet] public ActionResult SomeActionMethod() { return IncView(); } 

剃刀页面

 @(Html.When(JqueryBind.InitIncoding) .Do() .AjaxGet(Url.Action("SomeActionMethod","SomeContoller")) .OnSuccess(dsl => dsl.Self().Core().Insert.Html()) .AsHtmlAttributes() .ToDiv()) 

对于已经升级到MVC 3的人来说, 使用MVC3和Json是一个很好的方法

PartialViewResult和JSONReusltinheritance自基类ActionResult。 所以如果返回types决定dynamic声明方法输出为ActionResult。

 public ActionResult DynamicReturnType(string parameter) { if (parameter == "JSON") return Json("<JSON>", JsonRequestBehavior.AllowGet); else if (parameter == "PartialView") return PartialView("<ViewName>"); else return null; } 
  public ActionResult GetExcelColumn() { List<string> lstAppendColumn = new List<string>(); lstAppendColumn.Add("First"); lstAppendColumn.Add("Second"); lstAppendColumn.Add("Third"); return Json(new { lstAppendColumn = lstAppendColumn, Status = "Success" }, JsonRequestBehavior.AllowGet); } }