4

下面是返回视图到 jquery 函数的代码片段，但我想知道如何提取或获取视图 html 并返回到客户端。

$(function() {
   $('#myddl').change(function() {
       var url = $(this).data('url');
       var value = $(this).val();
       $('#result').load(url, { value: value })
    });
});

<div id="result"></div>

在 Foo 动作中，您可以返回部分视图：

public ActionResult Foo(string value)
{
    SomeModel model = ...
    return PartialView(model);
}

以这种方式，我以 web 形式提取用户控件或任何与控件相关的 html。

System.Web.UI.Page pageHolder = new System.Web.UI.Page();
BBAReman.facebox.FeedBack ctl = (BBAReman.facebox.FeedBack)pageHolder.LoadControl("~/UserControls/FeedBack.ascx");
System.Web.UI.HtmlControls.HtmlForm tempForm = new System.Web.UI.HtmlControls.HtmlForm();
tempForm.Controls.Add(ctl);
pageHolder.Controls.Add(tempForm);
StringWriter output = new StringWriter();
HttpContext.Current.Server.Execute(pageHolder, output, false);
outputToReturn = output.ToString();

那么如何在mvc中做同样的事情。只是想知道我如何从操作方法中获取视图 html。谢谢

4

3 回答 3

10

您可以使用此方法，从控制器传递 ActionResult 并从视图中获取 html 

    private string RenderActionResultToString(ActionResult result)
    {
        // Create memory writer.
        var sb = new StringBuilder();
        var memWriter = new StringWriter(sb);

        // Create fake http context to render the view.
        var fakeResponse = new HttpResponse(memWriter);
        var fakeContext = new HttpContext(System.Web.HttpContext.Current.Request,
            fakeResponse);
        var fakeControllerContext = new ControllerContext(
            new HttpContextWrapper(fakeContext),
            this.ControllerContext.RouteData,
            this.ControllerContext.Controller);
        var oldContext = System.Web.HttpContext.Current;
        System.Web.HttpContext.Current = fakeContext;

        // Render the view.
        result.ExecuteResult(fakeControllerContext);

        // Restore old context.
        System.Web.HttpContext.Current = oldContext;

        // Flush memory and return output.
        memWriter.Flush();
        return sb.ToString();
    }
于 2013-08-20T13:12:07.963 回答
1

您可以对 MVC 操作方法进行 AJAX 调用，它将以 HTML 形式返回部分视图。然后，您只需调用.htmljquery 函数来填充您的 div。像这样的东西：

$(function() {
  $('#myddl').change(function() {
    var url = $(this).data('url');
    var value = $(this).val();

    $.ajax({
      type: "POST",
      url: "@Url.Action("Foo", "Controller")", // replace with your actual controller and action
      data: JSON.stringify({ value: value }),
      success: function(result) {
        $('#result').html(result);
      }
  });
});
于 2013-08-20T13:15:26.077 回答
0

我的理解是您需要一种将视图的原始 HTML 返回到客户端的方法。如果这就是你想要的，你必须使用 MVC 用来呈现 HTML 的 ViewEngine。

以下是示例：

using (StringWriter sw = new StringWriter())
            {
                ViewEngineResult viewResult = null;

                viewResult = ViewEngines.Engines.FindPartialView(ControllerContext, viewName);

                var viewContext = new ViewContext(ControllerContext, viewResult.View, ViewData, TempData, sw);
                viewResult.View.Render(viewContext, sw);

                return sw.GetStringBuilder().ToString();
            }

上面的代码找到一个局部视图，并通过 MVC 视图引擎将其转换为 HTML 字符串。

希望这可以帮助。

于 2013-08-21T06:11:52.467 回答