jquery ajax仅适用于IE

Question

我有一个双语 MVC 3 应用程序。我使用下拉列表通过将下拉列表的值保存到 cookie 和会话中来更改语言。问题是当我发布它时，它只能在 IE 中运行。以下是我的代码。注意：该网站将重新加载，当我关闭 Firefox 或 chrome 并重新响应时，语言已更改，但如果我不关闭 FF 或 chrome，则什么也不会发生。非常感谢您的帮助。 我使用过 $.get、$.post 各种组合。

JavaScript 代码：

$(function () {
    $('#languagesDiv select').change(function () {
        var myvalue = $(this).val();
        $.ajax({
            type: "POST",
            dataType: "xml",
            url: "/Language/SetLanguage",
            data: { code: myvalue },
            success: function (data) {
            },
            error: function (xhr, textStatus, errorThrown) {
            }
        });

        //             @*   $.post('@Url.Action("SetLanguage", "Language")', { code: $(this).val() },
        //                            function (result) {
        //                            }
        //                );*@

        var myDate = new Date();
        myDate.setDate(myDate.getDate() + 21);

        $.cookie('MyData', $(this).val(), { path: '/', expires: myDate });

        //window.location.reload();
        window.location.href = '/News/Index';
    });
}); 

C# 代码：

//tested with and without [httppost]
public void SetLanguage(string code)
{
    if (Session["MyCulture"] != null && Convert.ToString(Session["MyCulture"]) != code ) 
    {
        Session["MyCulture"] = code;
        HttpCookie aCookie = Request.Cookies["MyData"]; // new HttpCookie("MyData");
        aCookie.Value = code;
        //HttpCookie aCookie = Request.Cookies["LangCookie"];
        aCookie.Expires = System.DateTime.Now.AddDays(21);
        Response.Cookies.Add(aCookie);
        //Response.AppendCookie(aCookie);
    }

    //return RedirectToAction("Index", "News");           
}

再次感谢您。

Answer 1

我看到的问题（后端可能还有其他问题）是您的 AJAX 请求可能无法在其他/较新的浏览器中完成。当您这样调用时：

window.location.href = '/News/Index';

...您告诉浏览器导航离开，这意味着它会立即去那里，无论之前的 AJAX 请求是否完成（浏览器可能会提前终止该请求并继续前行）。

相反，您应该在该请求完成后重定向，并在您的成功处理程序中执行重定向，如下所示：

$(function () {
  $('#languagesDiv select').change(function () {
    var myvalue = $(this).val();
    $.ajax({
      type: "POST",
      dataType: "xml",
      url: "/Language/SetLanguage",
      data: { code: myvalue },
      success: function (data) {
        var myDate = new Date();
        myDate.setDate(myDate.getDate() + 21);    
        $.cookie('MyData', $(this).val(), { path: '/', expires: myDate });

        window.location.href = '/News/Index';
      }
    });
  });
}); 

这样您只告诉用户在请求完成后更改页面您已成功提出更改语言的请求。