我在 Internet Explorer 缓存 JQuery Ajax 请求结果时遇到严重问题。
我的网页上有标题,每次用户导航到新页面时该标题都会更新。页面加载后我会这样做
$.get("/game/getpuzzleinfo", null, function(data, status) {
var content = "<h1>Wikipedia Maze</h1>";
content += "<p class='endtopic'>Looking for <span><a title='Opens the topic you are looking for in a separate tab or window' href='" + data.EndTopicUrl + "' target='_blank'>" + data.EndTopic + "<a/></span></p>";
content += "<p class='step'>Step <span>" + data.StepCount + "</span></p>";
content += "<p class='level'>Level <span>" + data.PuzzleLevel.toString() + "</span></p>";
content += "<p class='startover'><a href='/game/start/" + data.PuzzleId.toString() + "'>Start Over</a></p>";
$("#wikiheader").append(content);
}, "json");
它只是将标题信息注入到页面中。您可以通过以下方式查看:www.wikipediamaze.com然后登录并开始一个新的谜题。
在我测试过的每个浏览器(Google Chrome、Firefox、Safari、Internet Explorer)中,它都运行良好except在IE中。在 IE 中一切都可以正常注入第一次但在那之后它甚至不再打电话给/game/getpuzzleinfo
。就好像它已经缓存了结果什么的。
如果我将呼叫更改为$.post("/game/getpuzzleinfo", ...
IE 就可以很好地识别它。但随后 Firefox 就停止工作了。
有人可以解释一下为什么 IE 缓存我的$.get
阿贾克斯调用?
UPDATE
根据下面的建议,我已将我的 ajax 请求更改为此,这解决了我的问题:
$.ajax({
type: "GET",
url: "/game/getpuzzleinfo",
dataType: "json",
cache: false,
success: function(data) { ... }
});