js通过ajax读取本地json文件

最新推荐文章于 2024-08-16 16:27:09 发布

苏喂苏喂苏喂su

最新推荐文章于 2024-08-16 16:27:09 发布

阅读量1w

点赞数 1

分类专栏：原生JavaScript 文章标签： js读取本地json文件

本文链接：https://blog.csdn.net/joyvonlee/article/details/91868143

版权

原生JavaScript 专栏收录该内容

59 篇文章 2 订阅

订阅专栏

实例代码：

function readJSON(file, callback) {  
    let ajax = new XMLHttpRequest();  
    ajax.overrideMimeType("application/json");  
    ajax.open("GET", file, true);  
    ajax.onreadystatechange = function() {  
        if (ajax.readyState === 4 && ajax.status == "200") {
            callback(ajax.responseText);
        }  
    }  
    ajax.send(null);  
}


readJSON("./json/data.json", function(res){  
    let data = JSON.parse(res);  
    console.log(data);
});

本地测试时请开启本地服务，readJSON的第一个参数是json文件的路径，第二个参数是回调函数。