Я пытаюсь создать действия контроллера, которые будут возвращать либо JSON, либо частичный html в зависимости от параметра. Как лучше всего получить результат, возвращаемый на страницу MVC асинхронно?
Действия контроллера ASP.NET MVC, возвращающие JSON или частичный HTML
Ответы (11)
В вашем методе действия верните 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");
Get на Post предотвращает атаку? Я задал этот вопрос здесь: stackoverflow.com/questions/61995800/
- person Hooman Bahreini; 28.05.2020
Я думаю, вам следует рассмотреть 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
Надеюсь, это поможет Джеймсу
Еще один хороший способ работать с данными 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);
}
);
return Json(new {foo="bar", baz="Blech"}); делает!
- person SparK; 21.03.2016
Я обнаружил пару проблем с реализацией вызовов MVC ajax GET с помощью JQuery, которые вызвали у меня головные боли, поэтому поделитесь решениями здесь.
- Обязательно укажите тип данных json в вызове ajax. Это автоматически проанализирует возвращенный объект JSON (при условии, что сервер возвращает действительный json).
- Включите
JsonRequestBehavior.AllowGet; без этого MVC возвращал ошибку HTTP 500 (сdataType: json, указанным на клиенте). - Добавьте
cache: falseк вызову $ .ajax, иначе вы в конечном итоге получите ответы HTTP 304 (вместо ответов HTTP 200), и сервер не обработает ваш запрос. - Наконец, 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. Вам просто нужно найти способ решить, нужен ли запрос JSON или HTML, возможно, на основе части / параметра URL.
Альтернативное решение с фреймворком кодирования
Возврат действия json
Контроллер
[HttpGet]
public ActionResult SomeActionMethod()
{
return IncJson(new SomeVm(){Id = 1,Name ="Inc"});
}
Страница Razor
@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();
}
Страница Razor
@(Html.When(JqueryBind.InitIncoding)
.Do()
.AjaxGet(Url.Action("SomeActionMethod","SomeContoller"))
.OnSuccess(dsl => dsl.Self().Core().Insert.Html())
.AsHtmlAttributes()
.ToDiv())
Возможно, вы захотите взглянуть на эту очень полезную статью, которая очень хорошо освещает это!
Просто подумал, что это может помочь людям, которые ищут хорошее решение этой проблемы.
http://weblogs.asp.net/rashid/archive/2009/04/15/adaptive-rendering-in-asp-net-mvc.aspx
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;
}
Для тех, кто перешел на MVC 3, есть удобный способ Использование MVC3 и Json
Гибкий подход для получения различных результатов в зависимости от запроса
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 для входящего запроса, чтобы узнать, равно ли значение заголовка X-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");
}
}