jQuery AJAX调用问题-无法打开我的本地主机文件

Question

我要为本地主机运行MAMP（Apache），因为我想从C驱动器加载文件。 我将端口指向8888，将Web服务器指向我的C：\\ mail。

我正在运行Knockout.js应用-index.html文件。

从我的viwemodel中，这是我的jQuery Ajax调用，用于在服务器上获取文件，但会收到自定义错误警报。 遇到错误---> XHR状态：0。/引发错误：。 / XHR回应文字：。 / XHR响应XML：未定义。 /文字状态：错误

    $.ajax(
    {
      type: "GET",                              
      dataType: "json",                         
      url: "http://localhost:8888/Inbox.json", 
      success: function(response)
      {                         
        alert("data.json file loaded succesfully!");                              
      }, 
      error: function(jqXHR, textStatus, errorThrown) {
        alert("Error encountered ---> XHR status: " + jqXHR.status + ". / Error thrown: " + errorThrown.toString() + ". / XHR response Text: " + jqXHR.responseText + ". / XHR response XML:  " + jqXHR.responseXML + ". / Text status: " + textStatus);
      }      
    });

在控制台选项卡中，我得到：index.html：1无法加载http：// localhost：8888 / Inbox.json ：所请求的资源上没有'Access-Control-Allow-Origin'标头。 因此，不允许访问原始“空”。

我可以将Chrome浏览器指向http：// localhost：8888 / Inbox.json并打开文件：

如果我仅将URL更改为包含2个冒号：http :: // localhost：8888 / Inbox.json“，则会收到自定义错误警报：

遇到的错误---> XHR状态：0。/引发的错误：SyntaxError：无法在'XMLHttpRequest'上执行'open'： URL无效 。 / XHR响应文本：未定义。 / XHR响应XML：未定义。 /文字状态：错误

在控制台选项卡中，我没有收到任何消息。

这是MAMP的屏幕截图：

我的C：\\ mail文件夹：