怎么解决XMLHttpRequest cannot load file~Origin 'null' is therefore not allowed access

如何解决XMLHttpRequest cannot load file~~~~~~~Origin 'null' is therefore not allowed access

 错误  


       最近在做框架的时候,需要加载.html文件和.json文件的时候出现了以下一个错误:

   怎么解决XMLHttpRequest cannot load file~Origin 'null' is therefore not allowed access


分析      


          一出现这个错误,我就猜到是加载.json文件的问题,先前,在做善良公社的时候,就接触了Easyui,也接触了json,那时是将从数据库中返回的datatable中的数据转换为json数据,然后加载到表格中,所以,这个时候我最先想到的是json数据格式的原因,按照先前在善良公社的json数据格式改了后,仍然出现这个错误。当我把.json文件中的数据写到代码中时,加载正常。所以说这就不是json数据格式的原因了。


原因


       这就让我不得不想想是否是其他的原因了,后来,通过一番查询,找到了原因。

       原因如下:

               Chrome不支持本地Ajax请求,当我在.html文件中访问.json文件时就会出现这个问题,就是说这个时候不能加载这个.html文件。


解决方式


       打开Chrome快捷方式的属性中设置:

                      右击Chrome浏览器快捷方式,选择“属性”,

            在“目标”中加上"--allow-file-access-from-files",注意前面有个空格,

            重启Chrome浏览器便可。

                         怎么解决XMLHttpRequest cannot load file~Origin 'null' is therefore not allowed access

       这样就正常加载了。

                        怎么解决XMLHttpRequest cannot load file~Origin 'null' is therefore not allowed access

总结


       做项目的时候要懂得调试,不能一遇到错误就开始寻求帮助,先要学着自己解决,对错误进行分析,逐一排查,最终找到错误原因,然后剩下的如何解决就不是大问题了。