Loading of ajax result in layout

Question

In the Asp.NET core's layout page, I'm trying to load the result of an AJAX post. Status is OK but comes as an error:

_Layout.cshtml

<div id="MainContentDiv">
  @RenderBody()
</div>

$.ajax({
  type: 'POST',
  url: '/Something/LoadView',
  dataType: 'json',
  contentType: 'application/json',
  data: JSON.stringify({ ... }),
  error: function (result) {
    console.log("error");
    console.log(result);
  },
  success: function (result) {
    $("#MainContentDiv").html(result);
  }

[HttpPost]
public ActionResult LoadView([FromBody] NodeData model)
{
  string action= "Index";
  switch(model.NodeType)
  {
    case StringConstants.something:
      action = "GData";
      break;
    // ...
  }  
  return RedirectToAction(action, "Some", model);
}

public PartialViewResult GData(NodeData model)
{
  // ... 
  return PartialView("_GroupsData", group);
}

Response

Are you saying that the `error` handler is being executed despite the response status code being `200`? — Rory McCrossan, Mar 28 '19 at 12:36
I doubt that is the case, otherwise it's a *massive* bug in jQuery. Are you sure you're seeing the response of the same AJAX call? Under what event are you making this AJAX request? — Rory McCrossan, Mar 28 '19 at 12:38
Your method return ActionResult,please change return type, or change AJAX method — ahmeticat, Mar 28 '19 at 12:43
@ahmeticat Ajax calls a method which calls another method as I've shown in the code. Please let me know what has to be changed. — John, Mar 28 '19 at 12:44
@RoryMcCrossan On the treeview node selected event, I am making this Ajax request. — John, Mar 28 '19 at 12:57
@TSmith I'm able to get the partial view's HTML in the responseText — John, Mar 29 '19 at 05:41

ahmeticat · Answer 1 · 2019-03-29T06:14:05.647

1

Firstly, create the function which parse ActionResult to string

public string RenderRazorViewToString(string viewName, object model)
{
  ViewData.Model = model;
  using (var sw = new StringWriter())
  {
    var viewResult = ViewEngines.Engines.FindPartialView(ControllerContext,
                                                             viewName);
    var viewContext = new ViewContext(ControllerContext, viewResult.View,
                                 ViewData, TempData, sw);
    viewResult.View.Render(viewContext, sw);
    viewResult.ViewEngine.ReleaseView(ControllerContext, viewResult.View);
    return sw.GetStringBuilder().ToString();
  }
}

and return Json(RenderRazorViewToString(action,model), JsonRequestBehavior.AllowGet)

instead of return RedirectToAction(action, "Some", model)

UPDATE : update for .NET Core

Just change return RedirectToAction(action, "Some", model) to view.Render("Some/"+action, model);

edited Mar 29 '19 at 06:14

answered Mar 28 '19 at 13:01

ahmeticat

1,899
1
13
28

I'm on Asp.NET core 2.2 and I'm not able to resolve namespace issues. – John Mar 28 '19 at 13:22
1

Found the core version at: https://stackoverflow.com/questions/32558941/render-razor-view-to-string-in-asp-net-core – John Mar 29 '19 at 05:59
would be great if you could edit your answer accordingly. – John Mar 29 '19 at 06:05
unfortunately, I couldn't get even the core version working. – John Mar 29 '19 at 06:42

score 1 · Accepted Answer · answered Mar 29 '19 at 06:29

dataType is you telling jQuery what kind of response to expect.

Since you return html instead of json result from server,try to remove the dataType: 'json' in your ajax directly. Refer to ajax dataType

$.ajax({
  type: 'POST',
  url: '/Something/LoadView',
  //dataType: 'json',
  contentType: 'application/json',
  data: JSON.stringify({ ... }),
  error: function (result) {
    console.log("error");
    console.log(result);
  },
  success: function (result) {
    $("#MainContentDiv").html(result);
  }
});

Loading of ajax result in layout

2 Answers2

Linked