使用 jQuery 遍历 WP REST API AJAX 数组

Question

我正在尝试遍历从 WP REST API 创建的 AJAX 数组。我完全没有问题从数组中的第一个 post 返回数据：

$( '#button' ).on( 'click', function ( e ) {
            e.preventDefault();
            $.ajax( {
              url: 'http://url.com/wp-json/posts?type=post&filter[posts_per_page]=20',
              success: function ( data ) {
                var post = data.shift(); // The data is an array of posts. Grab the first one.

                    $( '.item .front_feed_title' ).text( post.title );
                    $( '.item .front_feed_content' ).html( post.content );

              },
              cache: false
            } );
          } );

但是，我需要遍历 AJAX 数组，但我无法找出适用的语法。我想将 data 传递给 .each 函数这不起作用：

$( '#button' ).on( 'click', function ( e ) {
            e.preventDefault();
            $.ajax( {
              url: 'http://url.com/wp-json/posts?type=post&filter[posts_per_page]=20',
              success: function ( data ) {

                 $.each([data], function(i, objects) {

                     console.log(i.title);

                 });

              },
              cache: false
            } );
          } );

我的控制台显示该对象未定义。谁能提供一些关于我应该如何将 data 传递给 jQuery .each 函数的见解？

Answer 1

在不知道您的对象结构的情况下很难说，但请尝试。函数内部 'this' 引用当前对象。所以你可以引用像 this.KEY

这样的元素

$.each(data,function(){

console.log( this.title ,this.content);

})

使用 jQuery 遍历 WP REST API AJAX 数组

Loop through WP REST API AJAX Array using jQuery

javascript

jquery

json

wordpress

wordpress-rest-api