微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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访问本地文件是可行的,但是数据都是死的,人工手动改数据的话工作量太大,【也不建议这样做】,所以各位同学还是自己弄个数据库把!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐