json 개체와 함께 html로 변경 가능한 Json 객체

Question

그래서이 코드를 사용하면 JSON로드 된 객체로 jquery 기반 블로그에서 작업하고 있으며 벽에 부딪혔다. 블로그 게시물을 만들기 위해 내 몸에있는 div 요소에 개체 속성이 필요합니다. JSON 파일에 새 게시물을 올릴 수 있어야하며 본문에 표시되어야합니다.

$(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 파일 : 나는이 작업을 수행하는 방법에 대한 단서가 없다, 내 코드는 지금까지 다음과 같습니다 내가 만든 모든 varibles의

 { 
     "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" 
      } 

     } 

먼저 정의되지, 왜?

varibles가 다른 게시물을 포함하도록하려면 어떻게해야합니까? 이런 내가 프로그래밍에 빨아 것을 죄송

...

Answer 1

를 사용하여 객체 키 패턴 :

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

당신은 DOM을 사용 JQuery와 append의 요소를 추가 할 수 있습니다.

example