怎么把json文件用到js里面

问题遇到的现象和发生背景

我想把json的数据弄到这个jq文件里面去，做成表格的那种效果，但是没有数据

json部分

[
    {
        "goodsID": 1,
        "goodsName": "洗衣粉",
        "goodsPrice": 22.5,
        "goodsNum":1
    },
   {
        "goodsID": 1,
        "goodsName": "洗衣粉",
        "goodsPrice": 22.5,
        "goodsNum":1
    },
     {
        "goodsID": 1,
        "goodsName": "洗衣粉",
        "goodsPrice": 22.5,
        "goodsNum":1
    }
    ]

js部分

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
    </script>
    
</head>
<body>
    <table id="showData" class="table table-bordered table-hover">
        
    </table>
    <div id="showPageNum">
        
    </div>
</body>
<script>
    var arrShow=[];
    $.ajax({
        url:"../json/goods.json",
        dataType:"json",
        method:"GET",
        async:false,
        
        success:function(data){
            arrShow=data;
        },
    })
    
    function showData(arrShow,pageSize,pageNum){
        
        var tr=$("<tr></tr>")
        tr.append($("<td></td>").text("商品编号"))
        tr.append($("<td></td>").text("商品名称"))
        tr.append($("<td></td>").text("商品单价"))
        tr.append($("<td></td>").text("商品数量"))
        tr.append($("<td></td>").text("商品金额"))
        tr.append($("<td></td>").text("商品操作"))
        $("#showData").append(tr)
        $.each(arrShow,function(index,item){
            var tr1=$("<tr></tr>")
            tr1.append($("<td></td>").text(item.goodsID))
            tr1.append($("<td></td>").text(item.goodsName))
            tr1.append($("<td></td>").text(item.goodsPrice))
            tr1.append($("<td></td>").text("1"))
            tr1.append($("<td></td>").text(item.goodsPrice))
            tr1.append($("<td></td>").text("删除"))
            $("#showData").append(tr1)
        })
    }
    var pageSize=6;
    var pageNum=1;
    showData(arrShow,pageSize,pageNum);
    
</script>
</html>
运行结果及报错内容

img

我想要达到的结果

img

你在f12中debugger调试下看看进入showdata函数的时候arrShow有数据吗

引用路径有问题，看看目录结构贴一下。

看看有没有报错之类的

 success:function(data){
打印一下这个data看有返回数据没有
            arrShow=data;
        },