我正在尝试创建控制器操作,该操作将根据参数返回 JSON 或部分 html。将结果异步返回到 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 对象。
如果要返回纯字符串,只需使用 ContentResult:
public ActionResult SomeActionMethod() {
return Content("hello world!");
}
ContentResult 默认返回 text/plain 作为其 contentType。这是可重载的,因此您还可以执行以下操作:
return Content("<xml>This is poorly formatted xml.</xml>", "text/xml");
我认为您应该考虑请求的 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"});
可以!
我发现了一些使用 JQuery 实现 MVC ajax GET 调用的问题,这让我很头疼,所以在这里分享解决方案。
确保在 ajax 调用中包含数据类型“json”。这将自动为您解析返回的 JSON 对象(假设服务器返回有效的 json)。包括 JsonRequestBehavior.AllowGet;如果没有此 MVC,则返回 HTTP 500 错误(在客户端上指定了 dataType: json)。在 $.ajax 调用中添加 cache: false ,否则您最终将获得 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 部分/参数。
incoding framework 的替代解决方案
动作返回 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())
您可能想看看这篇非常有用的文章,它很好地涵盖了这一点!
只是认为它可能会帮助人们寻找解决此问题的好方法。
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;
}
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);
}
}
根据请求产生不同输出的灵活方法
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");
}
}
不定期副业成功案例分享