解决ajax跨域请求本地文件问题(火狐浏览器)
代码如下: 在使用ajax请求本地.txt文件时,会发现返回的xmlhttp.responseText内容是空,设置alert弹窗可以发现xmlhttp.status返回的值是0而不是200:
因此代码执行else语句里面的内容,网页上的段落变为“出错”:
至于为什么xmlhttp.status的值是0,经过浏览器调试可以看到是因为ajax发生跨域请求,火狐浏览器默认开启同源策略,不允许访问不同域名的文件信息,提示信息如下:因此只要关闭浏览器的同源策略,就可以解决该跨域问题,关闭同源策略方法如下:
1、浏览器地址栏输入:about:config ,接收风险并继续
2、查询privacy.file_unique_origin首选项,双击或点击右边改为false,不开启该规则
3、浏览器地址栏输入:about:restartrequired 重启浏览器
关闭火狐浏览器同源策略方法来源:https://blog.****.net/u800820/article/details/100084999
关闭同源策略后再执行代码,可以看到xmlhttp.status的返回值为200,(这里就不展示了),同时ajax请求本地文件成功,xmlhttp.responseText的内容是本地test.txt文件中的内容:
注意:访问本地文件使用的是相对路径,所以test.txt文件要和代码放在同一目录下;另外关闭同源策略会有泄露用户数据的危险,如果不愿意承担风险可以找找其它的跨域解决办法。