ajax - 如何防止 IE 缓存导致重复的 Ajax 请求？

Question

我们使用Dynamic Sc​​ript Tag配合JsonP机制来实现跨域Ajax调用。前端小部件非常简单。它只是调用搜索 Web 服务，传递用户提供的搜索条件并接收和动态呈现结果。

注意 - 对于那些不熟悉使用 JsonP 方法对返回 Json 格式数据的服务执行类似 Ajax 请求的动态脚本标记的人，我可以解释如何使用它，如果您认为这可能与问题相关。

该服务是托管在 IIS 上的 WCF。它是 Restful，所以当用户单击搜索时我们要做的第一件事是生成一个包含条件的 Url。看起来像这样...

https://.../service.svc?criteria=john+smith

然后，我们使用动态创建的 Html 脚本标签，并将源属性设置为上述 Url 来向我们的服务发出请求。结果被返回，我们对其进行处理以显示结果。

这一切都工作正常，但我们注意到，当使用 IE 时，服务会两次接收来自客户端的请求。我使用 Fiddler 来监控离开浏览器的流量，果然我看到了两个具有以下 url 的请求...

• 请求 1:https://.../service.svc?criteria=john+smith
• 请求 2:https://.../service.svc?criteria=john+smith&_=123456789

第二个请求已附加某种 ID。每个请求的这个 ID 都是不同的。

我的第一 react 是这与缓存有关。在 URL 末尾添加随机数是禁用浏览器缓存的经典方法之一。为了证明这一点，我调整了 IE 中的缓存设置。

• 我将“检查存储页面的较新版本”设置为“从不”——这导致每次只发出一个请求。末尾带有随机数的那个。

• 我将此设置值恢复为默认值“自动”，请求立即开始再次发送两次。

有趣的是，我在客户端上没有收到这两个请求。我发现了这个 reference ，有人建议这可能是 IE 的一个错误。事实上，我在 Firefox 上并没有发生这种情况，这一事实支持了这一理论。

1. 谁能确认这是否是 IE 的错误？这可能是设计使然。
2. 有人知道我可以阻止这种情况发生吗？

我的用户将运行的一些更模糊的搜索会占用足够的处理资源，使得将任何内容加倍都是一个非常糟糕的主意。如果可能的话，我真的想避免这种情况:-)

Answer 1

我刚刚写了一篇关于如何 avoid caching of ajax requests 的文章:-)

它基本上涉及向传入的任何 ajax 请求添加无缓存 header

public abstract class MyWebApplication : HttpApplication
{
    protected MyWebApplication()
    {
        this.BeginRequest += new EventHandler(MyWebApplication_BeginRequest);
    }

    void MyWebApplication_BeginRequest(object sender, EventArgs e)
    {
        string requestedWith = this.Request.Headers["x-requested-with"];
        if (!string.IsNullOrEmpty(requestedWith) && requestedWith.Equals(”XMLHttpRequest”, StringComparison.InvariantCultureIgnoreCase))
        {
            this.Response.Expires = 0;
            this.Response.ExpiresAbsolute = DateTime.Now.AddDays(-1);
            this.Response.AddHeader(”pragma”, “no-cache”);
            this.Response.AddHeader(”cache-control”, “private”);
            this.Response.CacheControl = “no-cache”;
        }
    }
}