小编Ion*_*nut的帖子

如何使用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"
}
Run Code Online (Sandbox Code Playgroud)

我的脚本script19.js是:

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

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

            items.push('<li id="' + key + '">' + val + '</li>');    

          });

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

       },
      statusCode: {
         404: function() {
           alert('There was a problem with the server.  Try again …
Run Code Online (Sandbox Code Playgroud)

ajax jquery json

5
推荐指数
1
解决办法
4万
查看次数

标签 统计

ajax ×1

jquery ×1

json ×1