jquery 读取本地json文件数据

　window.onload = function () {
            
    $.ajax({
       //请求方式为get
       type:"GET",
       //json文件位置
       url:"js/index.json",
       //返回数据格式为json
       dataType: "json",
       //请求成功完成后要执行的方法
       success: function(data){
          console.log(data)
          //水果
          $.each(data.fruit,function(i,n){
              var str="<li id="+ n["id"] +">";
              str+="<h4><a>"+n["name"]+"</a></h4><a><img src='"+ n["image"] +"'></a><div class='prize'>"+n["price"]+"</div>";
              str+="</li>";
              $("ul.fruit").append(str);
           })          
       }
   });

index.json文件内容：

　　{

    　　"fruit":[

       　　 {"id": "0", "name": "草莓" ,"price": " ￥30.00", "image" : "images/goods/goods003.jpg" },

       　　 {"id": "1", "name": "葡萄" ,"price": " ￥5.50", "image" : "images/goods/goods002.jpg" },

        　　{"id": "2", "name": "柠檬" ,"price": " ￥3.90", "image" : "images/goods/goods001.jpg" },

    　　    {"id": "3", "name": "奇异果" ,"price": " ￥25.80", "image" : "images/goods/goods012.jpg" }

   　　 ]

 

　　}