2

我正在尝试使 AJAX 示例正常工作,但无法正常工作。你能在 XAMPP 上运行它吗?

我有三个文件,message.txt、index.html、ajaxtest.js。当您单击超链接时,它应该会弹出一个带有 message.txt 内容的弹出窗口。(所有文件都在同一个目录中)

索引.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
  <head>
  <title> Using XMLHttpRequest</title>
  <script type="text/javascript" src="ajaxtest.js"></script>
  </head>
  <body>
    <p>
      <a href="message.txt" onclick="grabFile(this.href); return false;">
Click here
</a>
</p>
</body>
</html>

ajaxtest.js

function getHTTPObject() {
  var xhr = false;
  if (window.XMLHttpRequest) {  //see if a XMLHttpRequest exists
    xhr = new XMLHttpRequest();  //if it exists change "xhr" to a new instance of the object
  }
  else if (window.ActiveXObject) {  //see if ActiveX exists (for IE)
    try {  //Allows newer versions of IE to use the newer ActiveX object
      xhr = new ActiveXObject("Msxml2.AMLHTTP");  //if it exists change "xhr" to a new instance of the object
    }
    catch(e) { //catches an error and resets "xhr" to false
      try {  //Allows older versions of IE to fall back onto the older version using "try...catch"
        xhr = new ActiveXObject("Microsoft.XMLHTTP");  //if it exists change "xhr" to a new instance of the object
      }
      catch(e) {
        xhr = false;
      }
    }
  }
  return xhr;
}

function grabFile(file) {
  var request = getHTTPObject();
  if (request) {
    request.onreadystatechange = function() {
      displayResponse(request);
    };
    request.open("GET", file, true);
    request.send(null);
  }
}

function displayResponse(request) {
  if (request.readyState == 4) {
    if (request.status == 200 || request.status == 304) {
      alert(request.responseText);
    }
  }
}
4

2 回答 2

4

出于安全原因,JavaScript 对客户端文件系统的访问受到限制!你可以在这里阅读更多

如果您使用的是 google chrome,则必须使用以下-allow-file-access-from-files命令启动可执行文件:

chrome.exe -allow-file-access-from-files

FireFox 可能有类似的配置

更新:查看您的代码,我认为您正在request.statusOK(200) 和Not Modified(304) 标头进行比较!这些是从 Web 服务器返回的 HTTP 响应标头,因此当您在 Web 服务器上运行代码时,您必须检查响应标头,否则,当使用file:///协议在本地运行时,您总是会得到0响应标头

这是一个解决方法,您可以检查域,如果您在本地运行,则无需检查响应状态:

function displayResponse(request) {
  if (request.readyState == 4) {
    if (!document.domain || request.status == 200 || request.status == 304) {
      alert(request.responseText);
    }
  }
}
于 2012-05-17T10:56:20.283 回答
0

正如我已尝试使用您的示例,您的请求对象没有达到状态 4 并再次使用。在下面的代码之前检查 request.status ,它总是得到 0 值。这就是为什么你的脚本没有提醒 response 。

if (request.status == 200 || request.status == 304) {
  alert(request.responseText);
}

检查您的解决方案: http: //www.ibm.com/developerworks/web/library/wa-ajaxintro3/

希望有所帮助。

于 2012-05-17T11:23:26.110 回答