解决ajax跨域请求本地文件问题(火狐浏览器)

代码如下:
解决ajax跨域请求本地文件问题(火狐浏览器)_第1张图片 在使用ajax请求本地.txt文件时,会发现返回的xmlhttp.responseText内容是空,设置alert弹窗可以发现xmlhttp.status返回的值是0而不是200:
解决ajax跨域请求本地文件问题(火狐浏览器)_第2张图片因此代码执行else语句里面的内容,网页上的段落变为“出错”:
解决ajax跨域请求本地文件问题(火狐浏览器)_第3张图片
至于为什么xmlhttp.status的值是0,经过浏览器调试可以看到是因为ajax发生跨域请求,火狐浏览器默认开启同源策略,不允许访问不同域名的文件信息,提示信息如下:
跨域请求提示信息因此只要关闭浏览器的同源策略,就可以解决该跨域问题,关闭同源策略方法如下:
1、浏览器地址栏输入:about:config ,接收风险并继续
2、查询privacy.file_unique_origin首选项,双击或点击右边改为false,不开启该规则
3、浏览器地址栏输入:about:restartrequired 重启浏览器

关闭火狐浏览器同源策略方法来源:https://blog.csdn.net/u800820/article/details/100084999

关闭同源策略后再执行代码,可以看到xmlhttp.status的返回值为200,(这里就不展示了),同时ajax请求本地文件成功,xmlhttp.responseText的内容是本地test.txt文件中的内容:
test.txt文件内容
解决ajax跨域请求本地文件问题(火狐浏览器)_第4张图片
注意:访问本地文件使用的是相对路径,所以test.txt文件要和代码放在同一目录下;另外关闭同源策略会有泄露用户数据的危险,如果不愿意承担风险可以找找其它的跨域解决办法。

你可能感兴趣的:(解决ajax跨域请求本地文件问题(火狐浏览器))