对JQuery使用JSON Ajax

今天早上我开始了Jquery AJAX JSON的培训。我有Jquery的知识，但JSON & Ajax对我来说是新东西。对JQuery使用JSON Ajax

我已经开发的一小段代码读取与AJAX JSON文件，并通过附加列表中显示的数据值。

使用下面的身体部分股利。

<div id="tabPanelWrapper"></div>

的Javascript：

$(document).ready(function() { 

    // Calling Ajax Function 
    loadContent();       

}); 

function loadContent() { 
    $.ajax({ 
     type: "GET", 
     url: "data.js", 
     dataType: "json", 
     cache: false, 
     contentType: "application/json", 
     success: function(data) { 
     alert("Success"); 
     $.each(data.dashboard, function(i,post){ 
      $('#tabPanelWrapper').append('<ul><li>' + data.id + '</li><li>' + data.name +'</li></ul>'); 
     }); 
     }, 
     error: function(xhr, status, error) { 
      alert(xhr.status); 
     } 
    }); 
}

JSON文件：

{ 
    dashboard: [ 
    { 
     "id": "tcm:20-1869", 
     "name": "FEATURED ARTICLE" 
    }, 
    { 
     "id": "tcm:20-1869", 
     "name": "FEATURED ARTICLE" 
    } 
] 
}

页抛出404错误。请帮助我使用此代码。

在此先感谢| LOKESH亚达夫

来源

2011-05-12 Lokesh Yadav

404错误是找不到页面错误。我会尝试浏览到您尝试访问的data.js文件，也可能尝试在.ajax调用中将完整的URL写入文件。

I.e.

http://myhost.com/script/data.js

如果这是您的脚本的位置。

UPDATE 您的错误无效Json。如果你在你的错误函数中检查错误参数，你会看到。

尝试增加仪表盘周围的报价，你应该一步！

而且你还必须在你的成功的方法来改变：

$.each(data.dashboard, function(i,post){ 
      $('#tabPanelWrapper').append('<ul><li>' + post.id + '</li><li>' + post.name +'</li></ul>'); 
     });

注意到我在看post.id和post.name因为这是在$。每个枚举当前项目。 data.id会在Json中寻找仪表板旁边的id属性，但不存在。

来源

2011-05-12 09:44:41

我有一个文件夹在根文件夹中命名为“js”，所以我给了URL：“js/data.js”。仍然给出错误200 – 2011-05-12 09:52:02

错误200不是错误，但状态码“OK”表示它现在能够访问该文件。 – 2011-05-12 11:22:48

检查我的更新。 – 2011-05-12 11:28:32

变化

$.each(data.dashboard, function(i,post){ 
     $('#tabPanelWrapper').append('<ul><li>' + data.id + '</li><li>' + data.name +'</li></ul>'); 
});

到

$.each(data.dashboard, function(i,post){ 
     $('#tabPanelWrapper').append('<ul><li>' + post.id + '</li><li>' + post.name +'</li></ul>'); 
});

defnitely 404错误是不是由于此。

来源

2011-05-12 09:48:08

感谢SuperTramp，我在根文件夹中有一个名为“js”的文件夹，所以我给了URL：“js/data.js”。现在给出了一个错误200 – 2011-05-12 09:51:41

检查URL属性。 404错误不是json错误。

来源

2011-05-12 14:18:52 mdaguerre

对JQuery使用JSON Ajax

回答

相关问题