通过 Ajax 调用 Response.redirect答案

【问题标题】：Calling Response.redirect through Ajax通过 Ajax 调用 Response.redirect
【发布时间】：2013-11-14 18:30:16
【问题描述】：

我正在发出这样的 Ajax 请求：

 $(".box01 .selproduct").live("click", function(e) {
    var color = $(this).parent('.box01').find('.color').val();
    var size = $(this).parent('.box01').find('.size').val();
    var pid=$(this).parent('.box01').find('.hdinput').val();
    var pathname = window.location.pathname;
    var data = { submit: "selected",size:size,color:color,pid: pid};
    $.ajax({
        type: "POST",
        url: pathname,
        data: data,
        success: function(data) {

        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {

        },
        complete: function(data) {

        }
    });
    return false;
});

在服务器端我做了一些这样的代码：

 if (!string.IsNullOrEmpty(HttpContext.Current.Request.QueryString["pid"]))
    {
        var path = HttpContext.Current.Request.Url.AbsolutePath;
        HttpContext.Current.Response.Redirect(path);
    }

Ajax POST 工作正常。我可以在 mozilla 的 Web 开发人员工具中看到，但页面并没有像我想象的那样重定向到其他页面。谁能告诉我我做错了什么？

还是不能通过Ajax调用Response.Redirect？

【问题讨论】：

顺便说一句 live 已被弃用，你应该使用 api.jquery.com/live

标签： jquery asp.net ajax

【解决方案1】：

是的，据我所知，您不能简单地检测来自客户端的重定向。参考其他类似的答案：

您可以做的一件事是如何从服务器端代码返回指示重定向的内容。类似于以下 JSON：

{
  success: true,
  redirect: true,
  redirectURL = "http://something.com/path/to/good/stuff"
}

如何在服务器端代码中实现上述目标取决于您。

然后在您的客户端代码中，您可以执行以下操作：

  $.ajax({
    type: "POST",
    url: pathname,
    data: data,
    success: function(data) {
      if(data.redirect) {
        window.location = data.redirectURL;
      }
    },

【讨论】：

【解决方案2】：

无法在 WebMethod 中调用 Response.Redirect。相反，您可以使用

 success: function(data) {
     window.location.href="path.aspx";
        }

在 ajax 成功函数中。

如果页面名称本质上是动态的，则从 web 方法返回页面名称并使用它来重定向页面。

【讨论】：