为什么chrome不显示我的xml文件处理结果？

Question

我正在使用 JS 和 JQuery 使用 HTML 和 CSS 创建一个网页，考虑此网页要从 XML文件中提取一些数据并将其显示为 drpodown菜单，我正在使用名为HeapBox的JQuery库作为自定义下拉菜单。处理 firefox ：

时，一切顺利

但是当进入 chrome 时， xml数据未显示：

$('#dummy').load('cafe.xml',function() { // dummy is a regular Div <div id="dummy> </div>
initialize();
})
function initialize(){
ct=$('menu').children().length;
for(var cati=0;cati<=ct-1;cati++)
{
cats[cati]=$('menu').children().eq(cati).prop('nodeName');
$('.basic-example').append('<option id="option1" value="option1">'+realname+'</option>');  //.basic-example is a heapbox integrated class 
}
$(".basic-example").heapbox({'onChange':function(){loadmenu()},effect:{type:"fade",speed:"slow"}});

}

Answer 1

比这里的代码更有趣的是第一个屏幕截图中部分可见的地址栏。您在本地文件系统上运行此命令，但chrome不允许在本地文件系统上使用AJAX。

使用网络服务器测试您的应用程序。