当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《如何使用Jquery和Ajax从JSON文件检索数据?》经验,为你挑选了1个好方法。

今天我发生了一件奇怪的事情:我试图使用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文件是:

     
    
    
      19. Using jQuery to retrieve JSON via AJAX
      
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        
    农大军乐团_697
    这个屌丝很懒,什么也没留下!
    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有