2

我在 PHP 中有一个 Web 项目，它访问一个使用 Restlet 框架的 Java 项目。Web 项目在 Apache 上运行，我正在使用 localhost 对其进行测试。Restlet 框架也使用 localhost 作为域，但 url 略有不同：localhost:8888/

这是使用 Ajax 使用上面的 URL 调用 Java 类 (CollectionPublic) 之一的 Javascript。

var url = "<?php echo $config['restServer_url'] ?>collectionPublic";

var params= "pageList="+facebookPages+"&time="+time;

var client = new XMLHttpRequest();
client.open("POST", url,true);
client.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

client.onreadystatechange = function () {

  if (client.readyState != 4) return;
  if (client.status != 200 && client.status != 304) {

       alert("error "+client.status);

 } else {
       alert("success");            

 }

 callback(client);
}

if (client.readyState == 4) return;
client.send(params);

我已经使用 URL localhost:8888/collectionPublic 进行了测试并且调用正确，并且它正在到达 CollectionPublic 类（该类工作正常）。

问题是：进行此调用时，CollectionPublic 类需要很长时间才能完成其任务，并且用户应该能够访问其他页面（在同一服务器上）或重新加载页面。然而，当这两种情况发生时，alert("error "+client.status) 会弹出，client.status 的值为 0。然后调用被中止，但 CollectionPublic 的任务正常继续，当它完成时，网页中没有任何反应（之前，警报（“成功”）被触发）。

我花了几个小时试图找出导致错误的原因，因为这是上周工作的。我发现的大多数帖子都说这可能是跨域资源问题，因为 localhost 和 localhost:8888 不被视为同一个域。为了查看这是否真的是问题所在，我使用 --disable-web-security 参数启动了 Chrome（它确实被禁用了），但问题仍然存在。最奇怪的是它之前已经工作过，而我在代码中完全没有改变。

我已经看到这个帖子重新加载页面，而正在进行的 Ajax 请求给出了空响应和状态为零，这似乎与我所面临的非常相似。

希望我已经说清楚了，但是如果您对这个问题有任何疑问，请询问。

提前非常感谢。

4

1 回答 1

0

我不相信 ajax 请求本身是完全正确的。if (client.readyState != 4) return;除了它实际上是 4 之外，它将永远是正确的。这可能会更好：

client.onreadystatechange = function () {
    if(client.readyState < 4) {  
        //not complete yet
        return;  
    }  

    if(client.status != 200 && client.status != 304) {  
        //an error
        alert("error "+client.status);
        return;  
    } 

    if(client.readyState === 4) {  
        //complete
        callback(client);  
    }
}

至于ajax调用被中止的问题：这是正确的行为。重新加载或卸载页面后，浏览器将中止所有 XHR 调用。在本地查看页面时，也许情况并非如此。我不允许用户在 ajax 进行时导航离开（或重新加载）。作为一种变通方法，您的类可以设置一个由您的页面读取的会话变量。

于 2013-08-28T13:08:43.373 回答