如何使用Jquery和Ajax从JSON文件检索数据？

今天我发生了一件奇怪的事情：我试图使用jquery和ajax从JSON文件中检索一些数据，并将这些数据显示在网页上。我在Internet上找到的该示例在基本OS上为我工作。当我尝试从装有Win10 OS的虚拟机上运行它时，它不起作用，这意味着它使我无法进行以下操作：alert('There was a problem with the server. Try again soon!');。为什么？提前谢谢了！

这是在我的data19.json文件中：

 {
  "one": "Learned Optimism",
  "two": "Deliberate Practice",
  "three": "Getting Things Done"
}

我的脚本script19.js是：

$(function() {  
  $('#clickme').click(function() {
       $.ajax({
       url: 'data19.json',
       dataType: 'json',
       success: function(data) {
          var items = [];

          $.each(data, function(key, val) {

            items.push('
' + val + '
');    

          });

          $('
', {
             'class': 'interest-list',
             html: items.join('')
          }).appendTo('body');

       },
      statusCode: {
         404: function() {
           alert('There was a problem with the server.  Try again soon!');
         }
       }
    });
  });
});

我的HTML文件是：

 


  
  




















    


    

        

            
            

                
                    
                
            

            

                农大军乐团_697            

            

                这个屌丝很懒，什么也没留下！            
            
            


                                
                    
                    关注作者
                            

        
    


    

        
Tags | 热门标签
        

            

                                

                    actionscrip
                
                                

                    bash
                
                                

                    c#
                
                                

                    c++
                
                                

                    c语言
                
                                

                    erlang
                
                                

                    flutter
                
                                

                    go
                
                                

                    golang
                
                                

                    java
                
                                

                    javascript
                
                                

                    lua
                
                                

                    node.js
                
                                

                    perl
                
                                

                    php
                
                                

                    python
                
                                

                    scala
                
                                

                    typescript
                
                                

            
        
    


    

        
RankList | 热门文章
        

            

                                

                    1Android数据绑定设置alignParentTop
                
                                

                    2Solace工件有Maven存储库吗？
                
                                

                    3Windows Universal App串行端口无法打开,SerialDevice.FromIdAsync始终为null
                
                                

                    4增加NSIndexPath
                
                                

                    5UrlClassLoader委托和继承层次结构
                
                                

                    6Spring Boot类路径
                
                                

                    7如何模仿谷歌地图的底层3阶段行为？
                
                                

                    8在命令行上为jMeter增加内存
                
                                

                    9通过HTTP测试服务工作者的选项
                
                                

                    10使用Ionic连接到MongoDB远程服务器
                
                                

                    11为什么我不能传递ULARGE_INTEGER的共享指针,而是传递ULARGE_INTEGER*没有问题？
                
                                

                    12具有动态参数的Oracle Lag函数
                
                                

                    13Scala:在不创建对象的情况下获取默认值
                
                                

                    14如何拥有单独的身份验证源？(一个用于Oauth2,一个用于基于表单的登录)
                
                                

                    15std :: move of string literal  - 哪个编译器正确？
                
                                

                    16从Action Bar xamarin中删除图标
                
                                

                    17C在使用scanf时动态分配struct,seg fault
                
                                

                    18在tensorflow中使用dropout时出错
                
                                

                    19升级对3中消失的Datastax Java API的调用
                
                                

                    20如何在IOS中的UIStackView中设置权重