mydjjp666 2022-03-13 20:52 采纳率: 100%
浏览 34
已结题

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

例如:

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-->内容

  • 写回答

3条回答 默认 最新

  • CSDN专家-showbo 2022-03-13 21:05
    关注

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

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

    img


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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
  • 有问必答小助手 2022-03-13 22:40
    关注
    您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
    PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632
    评论
  • 前端互助会 2022-03-13 22:44
    关注

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

    img

    再使用ajax方法去请求:

    $.ajax({
             type:'get',
             url:'json/cyfx.json',
             dataType:'json',
             success:function(json){
                 console.log("请求成功"+json);
                 
             },
             error:function(){
                 console.log('Ajax请求失败!');
             }
         });
    
    
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 3月21日
  • 已采纳回答 3月13日
  • 创建了问题 3月13日

悬赏问题

  • ¥15 gitee无效的源路径/URL
  • ¥15 问题描述:给定一个算术表达式,通过程序求出最后的结果
  • ¥15 spyder运行重复
  • ¥15 我用C语言easyx图形库绘制了一个3d游戏方框透视,但进入游戏时候鼠标准星对准方框边缘 鼠标光标就会弹出来这是啥情况怎样让光标对准绘制的方框点击鼠标不弹出光标好烦这样
  • ¥20 用Power Query整合的问题
  • ¥20 基于python进行多背包问题的多值编码
  • ¥15 相同型号电脑与配置,发现主板有一台貌似缺少了好多元器件似的,会影响稳定性和使用寿命吗?
  • ¥15 C语言:数据子序列基础版
  • ¥20 powerbulider 导入excel文件,显示不完整
  • ¥15 paddle训练自己的数据loss降不下去