宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取

前置条件：

1. 编辑器，我用的是HbuilderX，解压即食，非常美味，点击传送门。

2. jQuery.min.js，点击传送门。

简单的项目目录：

ajax读本地文件-风君子博客

 a. test.html内容

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>test</title>
        <script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <div class="showData"></div>
        
        <script type="text/javascript">
            $function) {
                $.ajax{
                    type: "get", //请求方式
                    url: "test.json", //文件地址
                    success: functiondata) { //成功返回
                        var str = JSON.stringifydata);
                        $".showData").textstr);　　//将数据写在页面，方便观看（转为了文本格式）
                        
                        console.logdata);　　//也可以在控制台看数据
                    },
                    error: functione) { //失败返回
                        console.loge.statusText);
                    }
                });
            });
        </script>
    </body>
</html>

b. test.json

[
    {
        "name" : "aaa",
        "age" : "16"
    },
    {
        "name" : "bbb",
        "age" : "15"
    }
]

c. 文件准备就绪后，点击执行即可【如若本地直接双击test.html文件，则会有跨域报错。需要从编辑器（如：HbuilderX）打开。】

 ajax读本地文件-风君子博客

 ajax读本地文件-风君子博客 ajax读本地文件-风君子博客

 ajax读本地文件-风君子博客

 至此，ajax读取本地数据成功。（后续将会探究如何将数据写入本地文件，以及本地数据的增删改查。）

【赠人以赞，手有余香！嘿嘿…】