2 回答

TA貢獻1875條經(jīng)驗 獲得超3個贊
您可以使用for循環(huán)遍歷您的json數(shù)據(jù)并獲取特定鍵的值并將生成的值分配html給您的div.
演示代碼:
//your response
var response = {
"posts": [{
"id": "5efb6946eab44526aecc0aaf",
"title": "post 2Test",
"slug": "post-2test",
"html": "<p>Test post 2... Testing 123 testing 123</p>",
"feature_image": null,
"excerpt": "Test post 1"
},
{
"id": "5efb6936eab44526aecc0aa9",
"title": "Test Post",
"slug": "test-post",
"html": "<p>Test post one... Testing 123</p>",
"feature_image": null,
"excerpt": "Test post 2"
}
],
"meta": {
"pagination": {
"page": 1,
"limit": 15,
"pages": 1,
"total": 2,
"next": null,
"prev": null
}
}
};
var html = '';
//looping through posts
for(var i= 0 ; i<response.posts.length ;i++ ){
//get values
html += '<div class="post" data-value='+response.posts[i].id+'><img src='+response.posts[i].feature_image+' alt="featured img"><h2>'+response.posts[i].title+'</h2><p>'+response.posts[i].excerpt+'</p></div>';
}
//add to div
document.getElementById("data").innerHTML= html;
<div class="container" id="data">
<!--here data will come-->
</div>

TA貢獻1796條經(jīng)驗 獲得超4個贊
我們可以通過幾個步驟來實現(xiàn),
首先,將 id 添加到 div。
現(xiàn)在添加將調(diào)用 javascript 代碼的腳本標記。(如果您的框架處理它,我不知道您使用的是哪個框架,然后忽略此步驟)。
現(xiàn)在用于
Json.parse(response)
在您的 javascript 文件中轉(zhuǎn)換為 JavaScript 對象,現(xiàn)在使用過濾器/類似功能,并找到最近的一篇和剩余的帖子。現(xiàn)在使用文檔對象通過使用您在第 1 點中創(chuàng)建的唯一 ID 來調(diào)用您的 div,現(xiàn)在在那里分配/創(chuàng)建您的 Html。
希望這可以幫助。
添加回答
舉報