Javascript 如何在php页面中显示JSON数据？

我想在php页面上显示WordPress博客文章，需要帮助使用jQuery和php从AJAX返回JSON响应。这是我尝试过的，我得到了未定义的错误消息

$( document ).ready(function() {

  var api_url = 'http://example.com/wordpress/wp-json/wp/v2/posts'

  $( "#portfolio-posts-container"  ).each(function( index, element ) {
    
    $.ajax({
      url: api_url,
      contentType: "application/json",
      dataType: 'json',
      success: function(result) {                     
        console.log(result);
      }    
    })

  });

});

---

使用jQuery和PHP从AJAX返回JSON响应：

    $( document ).ready(function() {
      var api_url = 'http://example.com/wordpress/wp-json/wp/v2/posts'
     $.ajax({
            url: api_url,
            contentType: "application/json",
            dataType: 'json',
            success: function(response){
                var len = response.length;
                for(var i=0; i<len; i++){
                    var id = response[i].id;
                    var date = response[i].date;
                    var slug = response[i].slug;
                    var excerpt = response[i].excerpt.rendered;



                    var tr_str = "<tr>" +
                        "<td align='center'>" + (i+1) + "</td>" +
                        "<td align='center'>" + date + "</td>" +
                        "<td align='center'>" + slug + "</td>" +
                        "<td align='center'>" + excerpt + "</td>" +


                        "</tr>";

                    $("#results").append(tr_str);       

            }    
            } 
        });
     });

$（文档）.ready（函数（）{
var api_url='1〕http://example.com/wordpress/wp-json/wp/v2/posts'
$.ajax({
url:api_url，
contentType:“应用程序/json”，
数据类型：“json”，
成功：功能（响应）{
var len=响应长度；
对于（var i=0；iIt可能有助于包括您尝试过的导致错误的内容。请参阅。谢谢。我现在已更新。谢谢。我如何在网页上而不是控制台中显示元素？另外，一点解释可能会有所帮助。问题出在哪里？您的代码是如何解决的？（例如，
结果
是一个数组…）结果，你可以在控制台部分检查，你不能直接获得一些数据。就像你通过渲染获得数据一样。你也可以说这是数据过滤器。Hello@lindacom请检查下面的链接。可能你在这里得到了一些提示表。感谢你花时间发送链接。我的目标是将博客文章放到网页上（可能我需要先使用json字符串化或将数据转换为php数组）

    $( document ).ready(function() {
      var api_url = 'http://example.com/wordpress/wp-json/wp/v2/posts'
     $.ajax({
            url: api_url,
            contentType: "application/json",
            dataType: 'json',
            success: function(response){
                var len = response.length;
                for(var i=0; i<len; i++){
                    var id = response[i].id;
                    var date = response[i].date;
                    var slug = response[i].slug;
                    var excerpt = response[i].excerpt.rendered;



                    var tr_str = "<tr>" +
                        "<td align='center'>" + (i+1) + "</td>" +
                        "<td align='center'>" + date + "</td>" +
                        "<td align='center'>" + slug + "</td>" +
                        "<td align='center'>" + excerpt + "</td>" +


                        "</tr>";

                    $("#results").append(tr_str);       

            }    
            } 
        });
     });