javascript - 在本地测试时在 ajax 应用程序中拒绝访问

Question

我刚刚开始阅读有关使用 ajax 进行开发的文章，并在我的本地机器上测试网页。该页面仅包含几行 html、javascript、css，当然还有 ajax 的请求对象等。

我正在尝试这个 - 在 page1.html 上，如果你点击其中的 tab1(一个图标)，它应该加载一个名为“page2.html”的页面到 page1.html 中 tab1 下的内容 div(有点像像一个框架)。我为此使用了 ajax，大致如下:

 var url= "page2.html";
 request.open("GET", url, true);
 request.onreadystatechange = displayResult;
 request.send(null);

基本上，单击 page1 中的 tab1 图标会使用 ajax 将 page2 加载到 page1 的一部分中。在运行时，它遇到了一个错误，提示 Access denied，该行引用了 request.open()。

我知道仅提供 url = "page2.html" 是不够的。

问题 -

1. 我如何在这里提及完整的 url，以便它可以获取 page2.html 的内容(它与脚本和 page1.html 位于本地的同一文件夹中)
2. 我想在我的机器上本地测试我编写的页面。从上面的问题来看，我假设在本地机器上测试 ajax 不是一个好主意。这是正确的吗？我必须在服务器上测试它吗？

Answer 1

你不能用 XMLHttpRequest 获取本地文件的内容，除非你修改浏览器的配置:

在歌剧中在“关于:配置”页面上:

启用“允许文件 XMLHttpRequest”