Question

仍然是ASP.net的新手，我有这个奇怪的问题。这是一个非常基本的场景，但有些东西已经出现，我无法弄明白。部署应返回名为Deploy的视图，该视图将键入到模型CompiledAppModel中。但是，当您在视图中单击“安装”时，尽管调用了返回的View（）方法，它仍然不会离开页面。有什么想法吗？

这是我的控制器：

[HttpPost]
public ActionResult Deploy(string key_name, string custom_folder = "")
{
    string userId = Membership.GetUser().ProviderUserKey.ToString();
    UserDataModel user_info = _user_data_service.getUserDataByPrimaryIDNoDB(userId, HttpContext.Cache);
    log.Trace("Deploy was called. key_name:" + key_name + " UID: " + user_info.UID);

    // first we'll call the info to install remote application
    bool serviceInstall = _fms_app_service.DeployFmsApp(user_info, key_name, custom_folder);

    // then we'll call to generate client side info
    bool clientInstall = _fms_app_service.CompileClientApp(user_info, key_name);

    var model = _fms_app_service.getInstalledAppInfo(user_info, key_name);
    if (serviceInstall && clientInstall)
    {
        return RedirectToAction("Deploy", model);
    }

    return View("Error");
}

和我的观点：

@model IEnumerable<Models.Applications.FmsAppModel>

@foreach (var item in Model) {
    <div class="col">
        <h2>@Html.DisplayFor(modelItem => item.friendly_name)</h2>
        <p>@Html.DisplayFor(modelItem => item.app_description)</p>
        <p><strong>Tags:</strong> @Html.DisplayFor(modelItem => item.app_type)</p>

        <a href="#" class="btn btn-primary install-app" data-key-name="@(item.key_name)">Install</a>

        @Html.ActionLink("Details", "Detailss", new {  id=item.app_id  })
    </div>
}
</div>

<script type="text/javascript">
   (function () {
        $('.install-app').on('click', function (e) {
            e.preventDefault();
            var data_key_name = $(this).data('key-name');
            //ajax install app
            $.ajax({
                type: "POST",
                url: '@Url.Action("Deploy")',
                data: {
                    key_name: data_key_name
                }
            });
        });
    })();
</script>

模特。

public class CompiledAppModel
{
    [Display(Name = "Admin URL")]
    public string adminURL { get; set; }

    [Display(Name = "Viewer URL")]
    public string viewerURL { get; set; }

    [Display(Name = "Embed URL")]
    public string embedURL { get; set; }
}

Answer 1

我认为你真的想在进行ajax调用后重定向。

据我所知，你必须实现一个自定义的ActionResult，如：

public class AjaxAwareRedirectResult : RedirectResult
{       
    public AjaxAwareRedirectResult(String url)
        : base(url)
    {
    }

    public override void ExecuteResult(ControllerContext context)
    {
        if ( context.RequestContext.HttpContext.Request.IsAjaxRequest() )
        {
            String destinationUrl = UrlHelper.GenerateContentUrl(Url, context.HttpContext);

            JavaScriptResult result = new JavaScriptResult()
            {
                Script = "window.location='" + destinationUrl + "';"
            };
            result.ExecuteResult(context);
        }
        else
        {
            base.ExecuteResult(context);
        }
    }
}

在你的控制器中，只需：

    [HttpPost]
public ActionResult Deploy(string key_name, string custom_folder = "")
{
    string userId = Membership.GetUser().ProviderUserKey.ToString();
    UserDataModel user_info = _user_data_service.getUserDataByPrimaryIDNoDB(userId, HttpContext.Cache);
    log.Trace("Deploy was called. key_name:" + key_name + " UID: " + user_info.UID);
    // first we'll call the info to install remote application
    bool serviceInstall = _fms_app_service.DeployFmsApp(user_info, key_name, custom_folder);
    // then we'll call to generate client side info
    bool clientInstall = _fms_app_service.CompileClientApp(user_info, key_name);

    var model = _fms_app_service.getInstalledAppInfo(user_info, key_name);
    if (serviceInstall && clientInstall)
    {
        return RedirectToAction("Deploy", model);
    }
    return AjaxAwareRedirectResult("/foo");
}

但是，正如我所说，这只是我假设您真的想在ajax调用后重定向。

Answer 2

在我看来，就像你使用Ajax调用将你的帖子发回服务器一样，在这种情况下，结果不会在没有一点额外工作的情况下呈现给页面。您可以在ajax调用上定义成功处理程序，以便在ajax调用返回时执行操作。像

这样的东西

<script type="text/javascript"> (function () {
    $('.install-app').on('click', function (e) {
        e.preventDefault();
        var data_key_name = $(this).data('key-name');
        //ajax install app
        $.ajax({
            type: "POST",
            url: '@Url.Action("Deploy")',
            data: {
                key_name: data_key_name
            },
            success: function(data) { alert(data) }
        });
    });
})();

当请求完成时，

将为您提供一条警告消息，其中包含从ajax调用返回的HTML。

我还会使用Chrome中的Firebug或开发者工具来查看返回的HTML，如果服务器上发生异常，您应该可以使用这些工具更详细地检查它。

Answer 3

在ajax调用之后执行HTTP重定向可能没有多大意义。您可以使用html表单和常规POST来完成此操作。

但是，如果你真的需要重定向并仍然希望通过AJAX进行POST，你可以通过返回Json而不是重定向来实现，如下面的答案所示：

在这种情况下，您可以在Json对象中返回目标操作URL，并在成功处理程序中使用该信息，如Neil的答案所示。

另外，请记住，RedirectToAction只是一个302重定向，因此，它不会直接呈现视图，因此您不会将其传递给成熟的ViewModel，只需要将操作URL传递给浏览器即可GET to。

该目标GET操作应该是负责获取您的已安装应用信息并将其作为参数传递给视图的操作，遵循POST-REDIRECT-GET pattern。

ASP.net MVC Controller不会返回视图

3 个答案: