通过Ajax调用Response.redirect

时间:2013-11-04 06:20:31

标签: jquery asp.net ajax

我正在制作这样的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 Developer Tools中看到,但是页面没有像我想象的那样被重定向到其他页面。谁能告诉我我做错了什么?

或者是否无法通过Ajax调用Response.Redirect

2 个答案:

答案 0 :(得分:12)

是的,据我所知,您不能简单地从客户端检测重定向。参考其他答案:

您可以做的一件事是如何返回表示服务器端代码重定向的内容。类似于以下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;
      }
    },

答案 1 :(得分:6)

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

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

在ajax Success函数中。

如果页面名称本质上是动态的,请从webmethod返回页面名称,并使用它来重定向页面。