【问题标题】:How to display the last four blog posts using Json api on html如何在 html 上使用 Json api 显示最后四篇博客文章
【发布时间】:2019-07-22 05:01:05
【问题描述】:

在 html 静态站点中显示最新的博客文章 wordpress?

html

<div id="content" class="content">
</div>

javascript

<script>
$(document).ready(function(){
$.getJSON( "https://startupet.com/blog/wp-json/wp/v2/posts", function( 
    data ) {

     console.log(data);
     });  
     })
      </script>

“图片帖子和标题”

json 文件: https://startupet.com/blog/wp-json/wp/v2/posts

【问题讨论】:

    标签: javascript jquery html wordpress


    【解决方案1】:

    您需要过滤您的data 对象(又名查询集),该对象目前包含所有posts

    假设data通过id获取帖子...尝试data.slice(-4)获取数组中的最后4个元素或data.slice(1,5)获取前4个。或者可能需要在data.object.slice()上调用切片。

    【讨论】:

    • 我不确定代码是否正常工作,因为它不起作用
    • 尝试console.log(data.slice(-4));查看 slice 是否正在过滤数据
    • data.object.slice(-4)
    • 如果您仍然无法弄清楚,请使用console.log(typeof data));console.log(typeof object)); 获取有关您需要过滤的对象类型的线索
    • 你可以使用这个url api,编写代码并在html中显示帖子博客
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-10
    • 2021-10-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多