js 解决Ajax 读取本地文件时的跨域问题

mac2024-07-29  59

js 解决Ajax 读取本地文件时的跨域问题

今天在做实验时发现了一个问题,用Ajax读取本地文件时一直报跨域错误,错误如下

自己捣鼓了许久没搞出来各种浮想连篇,最终在错误提示的文件路径发现,他是从本地服务器上取文件,那是不是应该用localhost:端口号 的方式去访问呢?(也可以使用live-server)于是便试了下,还真如此。改动如下:

为了使大家能更好理解还是附上源码了

<script> window.onload = function () { var Ajax; if (window.XMLHttpRequest) { //非IE Ajax = new XMLHttpRequest(); } else if (window.ActiveXObject) { //IE Ajax = new ActiveXObject("Microsoft.XMLHTTP"); } Ajax.open("get", "expmt.json", false); Ajax.send() if (Ajax.readyState == 4) { if (Ajax.status >= 200 && Ajax.status < 300 || Ajax.status == 304) { console.log(Ajax.responseText); } else { console.log(Ajax.status) } } } </script>

解决收工,祝大家生活愉快

最新回复(0)