第二次加载时 XMLHttpRequest 状态 0

发布于 2024-12-07 00:30:38 字数 957 浏览 0 评论 0原文

当我尝试使用 XMLHttpRequest 从同一域加载一些 .txt 格式的数据时，遇到一个有趣的问题。我正在尝试加载数据，解析它，然后将其存储在 localStorage 中。

var xmlhttp;
// code for IE7+, Firefox, Chrome, Opera, Safari
if (window.XMLHttpRequest){
    xmlhttp=new XMLHttpRequest();
}else{
    // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

var temp;
xmlhttp.onreadystatechange=function(){
    if (xmlhttp.readyState==4 && xmlhttp.status==200){
        temp = xmlhttp.responseText;

    }else{
        alert("readyState: " + xmlhttp.readyState + "status: " + xmlhttp.status);
    }
}
xmlhttp.open("GET","data/somedata.txt", false);
xmlhttp.send();

此代码仅在我清理历史记录和缓存时才有效；但是，在第二次单击同一链接时，由于某种原因，我会收到“Readystate：4，状态0”。

这和localStorage有什么关系吗？

if (!localStorage.somedata || localStorage.somedata.count(':') !== somedata.count(':')) {
  localStorage.somedata = temp;
}
window.somedata = JSON.parse(localStorage.somedata);

原文

I am experiencing an interesting issue when I am trying to load some data in .txt format from the same domain using XMLHttpRequest.
I am trying to load the data, parse it and then store it in localStorage

var xmlhttp;
// code for IE7+, Firefox, Chrome, Opera, Safari
if (window.XMLHttpRequest){
    xmlhttp=new XMLHttpRequest();
}else{
    // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

var temp;
xmlhttp.onreadystatechange=function(){
    if (xmlhttp.readyState==4 && xmlhttp.status==200){
        temp = xmlhttp.responseText;

    }else{
        alert("readyState: " + xmlhttp.readyState + "status: " + xmlhttp.status);
    }
}
xmlhttp.open("GET","data/somedata.txt", false);
xmlhttp.send();

This code only works if I clean the history and cache; however, on second click of the same link, I would received "Readystate: 4, status 0" for some reason.

Does this has anything to do with localStorage?

if (!localStorage.somedata || localStorage.somedata.count(':') !== somedata.count(':')) {
  localStorage.somedata = temp;
}
window.somedata = JSON.parse(localStorage.somedata);

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

红墙和绿瓦 2024-12-14 00:30:38

状态码为零的原因有两个。

从文件协议进行调用。
当发出请求时，页面正在刷新/导航离开。

在你的情况下，我假设它是#2。如果您使用按钮或链接进行 Ajax 调用，请确保使用 preventDefault 或 return false 取消单击操作。

回复收藏 0 原文

暖风昔人 2024-12-14 00:30:38

听起来像是缓存问题。尝试切换到 POST 方法，或将时间戳附加到 GET 请求查询字符串，看看是否会阻止缓存。

xmlhttp.open("POST", "data/somedata.txt", false);

或者：

xmlhttp.open("GET", "data/somedata.txt?" + new Date().valueOf(), false);

编辑：如果这些不起作用，请修改您的服务器配置以发送该文件或类型的适当响应标头，以不缓存响应。即：缓存控制：无缓存

Sounds like a caching issue. Try either switching to a POST method, or appending a timestamp to the GET request querystring and see if that prevents the caching.

xmlhttp.open("POST", "data/somedata.txt", false);

or:

xmlhttp.open("GET", "data/somedata.txt?" + new Date().valueOf(), false);

Edit: If those don't work, modify your server configuration to send appropriate response headers for that file or type to not cache the response. Ie: Cache-Control: no-cache

回复收藏 0 原文