ajax读取本地json文件

ajax是否能读取本地js文件呢?

以下是关于自己的一个实验

html部分

<body>
    <button id="button">jax操作本地文件</button>


    <script>
    
        let button = document.querySelector('button');

        button.addEventListener('click',function(){

            let xhl = new XMLHttpRequest();

                xhl.open('GET','./data.json');

                xhl.send()


                xhl.onreadystatechange = function(){
                    if(this.readyState !== 4)return;

                    console.log(JSON.parse(this.responseText))
                }

        })
    </script>
</body>
  • 这是自己的一个结构

  • 访问后所得结果这样的

由此可以得出ajax访问本地文件是可行的,但是数据都是死的,人工手动改数据的话工作量太大,【也不建议这样做】,所以各位同学还是自己弄个数据库把!

猜你喜欢

转载自www.cnblogs.com/ifon/p/11372550.html