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" }

   　　 ]

 

　　}