jQuery 打开wode文档 jquery 打开本地文件

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