请教一点JS前端问题,JS函数中调用JSON数据.

Question

例如：

function getLocal(urlData){

         <--1    ../sys/json/map.json   -->

         <--2    result=[{"id":"1","province":"河北省","area":"天津市","homename":"水滴体育场","homeaddr":"天津市水滴体育场","location":"117.182541,39.079694"},{"id":"2","province":"河北省","area":"天津市","homename":"机场","homeaddr":"天津市滨海国际机场","location":"117.367224,39.140025"}];   -->
                
        reg=eval(result); 
        if(reg.length<1){
            $("#store-list").children().remove();
            $("#store-list").append("<div style='text-align: center;line-height: 50px;'>暂无搜索的网点</div>");
            return false;
        }

如何将JSON文件内容在JS调用

<--1-->替换 <--2-->内容

Answer 1

用ajax加载，本地file浏览要配置过chrome允许ajax请求本地文件，否则有跨域问题。如何配置参考下面的文章

配置chrome支持本地（file协议）ajax请求_JavaScript/Ajax开发技巧_Web开发网 https://www.w3dev.cn/article/20141031/file-protocol-config-chrome-support-ajax-request.aspx

    function getLocal(urlData) {

        var xhr = new XMLHttpRequest();
        xhr.open('get', '../sys/json/map.json', false);//注意修改路径
        xhr.send(null);

        var reg = JSON.parse(xhr.responseText);//标准json字符串用这个方法转对象，非标准用下面的
        //reg=eval('('+xhr.responseText+')')

        if (reg.length < 1) {
            $("#store-list").children().remove();
            $("#store-list").append("<div style='text-align: center;line-height: 50px;'>暂无搜索的网点</div>");
            return false;
        }
        //......其他代码
    }

有其他问题可以继续交流~