AJAX交叉源错误

AJAX交叉源错误,ajax,mamp,Ajax,Mamp,我正试图在MAMP上建立我的第一个AJAX开发站点。下图显示了我在htdocs/javascriptAJAX文件夹中的文件结构/ my app.js文件中的代码是: (function(){ var request = new XMLHttpRequest(); request.open('GET', '/data.txt'); request.onreadystatechange = function() { if ((request.readyState===4) &&

我正试图在MAMP上建立我的第一个AJAX开发站点。下图显示了我在htdocs/javascriptAJAX文件夹中的文件结构/

my app.js文件中的代码是:

(function(){

var request = new XMLHttpRequest();
request.open('GET', '/data.txt');
request.onreadystatechange = function() {
  if ((request.readyState===4) && (request.status===200)) {
    console.log(request);
  }
}
request.send();

})();
但是,当我在控制台中查看时,由于跨来源请求,我得到了标准的拒绝:

XMLHttpRequest cannot load file:///data.txt. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
我如何纠正这个问题?当然,如果这是在MAMP上运行的,它会有相同的服务器吗

非常感谢,


Emily

此问题是由.open()方法中的尾部正斜杠引起的

移除它解决了问题