Действия контроллера ASP.NET MVC, которые возвращают JSON или частичный HTML

406

Я пытаюсь создать действия контроллера, которые будут возвращать либо JSON, либо частичный HTML в зависимости от параметра. Каков наилучший способ получить результат, возвращаемый на страницу MVC асинхронно?

NathanD
источник

Ответы:

519

В вашем методе действия верните Json (объект), чтобы вернуть JSON на вашу страницу.

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

Затем просто вызовите метод действия, используя Ajax. Вы можете использовать один из вспомогательных методов из ViewPage, таких как

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

SomeMethod будет методом javascript, который затем оценивает возвращаемый объект Json.

Если вы хотите вернуть простую строку, вы можете просто использовать ContentResult:

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

ContentResult по умолчанию возвращает text / plain как его contentType.
Это перегружается, поэтому вы также можете сделать:

return Content("<xml>This is poorly formatted xml.</xml>", "text/xml");
Haacked
источник
9
извини фил! это на самом деле не отвечает на вопрос, не так ли? это определенно полезно, но, как говорит Брэд, вам нужно как-то выяснить, о чем они просят, и соответственно вернуть результат.
Simon_Weaver
см. мой несколько связанный (хорошо тот, который привел меня сюда) вопрос на stackoverflow.com/questions/482363/…
Simon_Weaver
9
если вы найдете ответ, свяжите его с самим вопросом. Также я не думаю, что проверять это как ответ - правильная вещь.
Cherian
Какое полное имя у этого класса Json?
Джош Вити
112

Я думаю, что вы должны рассмотреть AcceptTypes запроса. Я использую его в моем текущем проекте, чтобы вернуть правильный тип контента следующим образом.

Ваше действие на контроллере может проверить его как на объекте запроса

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 вы можете получить его, передав параметр типа как 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

Надеюсь, это поможет Джеймсу

Джеймс Грин
источник
5
Спасибо Джеймс, это может быть очень полезно для создания своего рода веб-сайта и REST API, используя те же действия контроллера.
NathanD
Если у меня в контроллере много таких методов, есть ли способ сделать это более обобщенно?
Seph
В каком пространстве имен находится класс Json? Какова зависимость для project.json? Заранее спасибо
Андрей
1
Это класс JsonResult из System.Web.Mvc (в System.Web.Mvc.dll) @Andrei
Джеймс Грин
Спасибо, нашел это. Может быть, обновить ответ, чтобы отразить новый API? Кстати, я использую ядро ​​dotnet, где это Microsoft.AspNetCore.Mvc.JsonResult.
Андрей
78

Другим хорошим способом работы с данными JSON является использование функции getQSON JQuery. Вы можете позвонить

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);
    }
);
SaaS Developer
источник
15
Это не отвечает на вопрос вообще.
Аарона
2
@Aaronaught На самом деле первая часть return Json(new {foo="bar", baz="Blech"});делает!
SparK
Также рассмотрим $ .post stackoverflow.com/questions/751218/… (ASP.Net MVC по умолчанию отключает JSON Get-запросы по соображениям безопасности)
Грег,
50

Я обнаружил пару проблем, связанных с реализацией вызовов GET MVC ajax с помощью JQuery, которые вызвали у меня головную боль, поэтому я делился здесь решениями.

  1. Убедитесь, что вы включили тип данных "json" в вызов ajax. Это автоматически проанализирует возвращенный объект 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);
}
Шейн
источник
13

Чтобы ответить на другую половину вопроса, вы можете позвонить:

return PartialView("viewname");

когда вы хотите вернуть частичный HTML. Вам просто нужно будет найти способ решить, хочет ли запрос JSON или HTML, возможно, основываясь на части / параметре URL.

Брэд Уилсон
источник
2
так не остается ли вопрос без ответа?
Simon_Weaver
2
Это не отвечает на вопрос.
Аарона
он ищет ajax-запрос для получения html с использованием PartialView, требует обновления страницы, если вы не возвращаете представление из метода действия с помощью вызова ajax
Крис МакГрат,
7

Альтернативное решение со структурой кодирования

Действие вернуть 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())

Действие return 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())
Влад
источник
4

PartialViewResult и JSONReuslt наследуются от базового класса ActionResult. поэтому, если тип возвращаемого значения определен динамически, объявите выход метода как ActionResult.

public ActionResult DynamicReturnType(string parameter)
        {
            if (parameter == "JSON")
                return Json("<JSON>", JsonRequestBehavior.AllowGet);
            else if (parameter == "PartialView")
                return PartialView("<ViewName>");
            else
                return null;


        }
Анил Ваддепалли
источник
2
    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);
            }
        }
шакти
источник
Не могли бы вы добавить немного больше информации о том, что это делает?
RealCheeseLord
Поскольку ваш код показывает, что он возвращает JSON, тип возвращаемого значения должен быть JsonResult, а не
ActionResult
0

Гибкий подход для получения различных результатов на основе запроса

public class AuctionsController : Controller
{
  public ActionResult Auction(long id)
  {
    var db = new DataContext();
    var auction = db.Auctions.Find(id);

    // Respond to AJAX requests
    if (Request.IsAjaxRequest())
      return PartialView("Auction", auction);

    // Respond to JSON requests
    if (Request.IsJsonRequest())
      return Json(auction);

    // Default to a "normal" view with layout
    return View("Auction", auction);
  }
}

Request.IsAjaxRequest()Метод достаточно прост: он просто проверяет HTTP заголовки для входящего запроса , чтобы увидеть , если значение Х-Requested-With заголовкаXMLHttpRequest , который автоматически добавляется большинством браузеров и AJAX-сред.

Пользовательский метод расширения, чтобы проверить, является ли запрос для json или нет, чтобы мы могли вызывать его из любого места, точно так же, как метод расширения Request.IsAjaxRequest ():

using System;
using System.Web;

public static class JsonRequestExtensions
{
  public static bool IsJsonRequest(this HttpRequestBase request)
  {
    return string.Equals(request["format"], "json");
  }
}

Источник: https://www.safaribooksonline.com/library/view/programming-aspnet-mvc/9781449321932/ch06.html#_javascript_rendering

Маннан Бахелим
источник