Json對象varable到html與jquery

所以我有這段代碼，我沒有得到它的工作，即時通訊工作與JSON加載對象的基於jQuery的博客，我已經打了一堵牆。我需要將對象屬性轉換爲我身體中的div元素來製作博客帖子。我應該可以在JSON文件中添加一個新帖子，它應該出現在主體中。我對如何做到這一點不知道，我的代碼看起來像這樣至今：Json對象varable到html與jquery

$(document).ready(function() { 

$.ajax({ 
dataType: "json", 
url: "posts.json", 
}).done(function(resp){ 

    for(var p in resp){ 
    if(resp.hasOwnProperty(p)) continue; 
    var title = resp[p].title; 
    var content = resp[p].content; 
    var author = resp[p].author; 
    var date = resp[p].date; 
    var image = resp[p].image; 


} 

}); 

});

和JSON文件：

我已創建的所有可變因素的

 { 
     "post1" : { 
        "title": "My day", 
        "content" : "blalbvblblblblblblallksdlmalmdksdkasd", 
        "date" : "12/0-16", 
        "author" : "robert", 
        "image" : "../blogg/img.jpg" 
      }, 
     "post2" : { 
        "title": "This right here", 
        "content" : "blalbvblblblblblblallksdlmalmdksdkasd", 
        "date" : "12/0-16", 
        "author" : "robert", 
        "image" : "../blogg/img.jpg" 
      }, 
     "post4" : { 
        "title": "Min vackra", 
        "content" : "blalbvblblblblblblallksdlmalmdksdkasd", 
        "date" : "12/0-16", 
        "author" : "klara", 
        "image" : "../blogg/img.jpg" 
      } 

     }

首先是不確定的，爲什麼呢？

我該如何讓雜誌包含不同的帖子？

抱歉，我吸上編程...

來源

2016-11-11 F.Kraemer

您需要更改條件'如果（resp.hasOwnProperty（P）==假）' – Satpal

爲什麼會有所作爲？而且應該是===？ –

你如何渲染你的html中的數據？ – kiro112

使用對象鍵模式是這樣的：

for (var key in object) { 
    if (!object.hasOwnProperty(key)) 
     continue; 
    var element = object[key]; 
    console.log(element); 
}

您可以添加在DOM中使用jQuery append元素。

example

來源

2016-11-11 09:57:43

Json對象varable到html與jquery

回答

相關問題