请教一点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;
        }
        //......其他代码
    }

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

Answer 2

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632

Answer 3

使用ajax请求json,本地建立json文件

再使用ajax方法去请求：

$.ajax({
         type:'get',
         url:'json/cyfx.json',
         dataType:'json',
         success:function(json){
             console.log("请求成功"+json);
             
         },
         error:function(){
             console.log('Ajax请求失败！');
         }
     });