8

对 ASP.net 来说还是有点新，我有这个奇怪的问题。这是一个非常基本的场景，但有些事情发生了，我无法弄清楚。Deploy 应该返回一个名为 Deploy 的视图，该视图被键入到模型 CompiledAppModel。但是，当您在视图中单击安装时，尽管调用了 return 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; }
}
4

3 回答 3

5

我假设您真的想在进行 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 调用之后重定向。

于 2012-10-16T09:50:17.703 回答
1

在我看来，您使用 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。

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

于 2012-10-16T03:24:36.580 回答
1

在 ajax 调用之后执行 HTTP 重定向可能没有多大意义。您只需使用 html 表单和常规 POST 即可做到这一点。

但是，如果您确实需要重定向并且仍然希望通过 AJAX 进行 POST，您可以通过返回 Json 而不是重定向来做到这一点，如以下答案中所建议的：

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

另外，请记住，这RedirectToAction只是一个 302 重定向，因此，它不会直接呈现视图，因此您不会将完整的 ViewModel 传递给它，而只是浏览器发出 GET 的 Action Url。

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

于 2012-10-16T03:39:43.083 回答