Javascript 在个人web应用程序中使用graph api获取Facebook提要

我正在尝试显示添加到Facebook页面中的所有帖子。我使用Facebook SDk和graph api http GET请求获取帖子。我已成功获取此类帖子

我只想知道如何按以下顺序显示这些帖子：

Post1图像Post2图像

职位1描述职位2描述

以下是我迄今为止所做的代码： 这是JS文件：

(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.2";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

$( document ).ready(function() {
    fbFetch();
});
function fbFetch(){
    var url = "https://graph.facebook.com/{MyPageID}/posts?fields=picture,description,message&access_token={MyPageAscesToken}";
$.getJSON( url, function( data ) {

  $.each( data, function( key, val ) {

      $.each( val, function( keys, value ) {

              $( ".picture_name" ).append( value["message"]); 

              $( "<img>" ).attr( "src", value["picture"]).appendTo( ".facebookfeed" ); 

     });

   });
});
};

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/sdk.js#xfml=1&version=v2.2”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
$（文档）.ready（函数（）{
fbFetch（）；
});
函数fbFetch（）{
变量url=”https://graph.facebook.com/{MyPageID}/posts？字段=图片、描述、消息和访问\u令牌={MyPageAscesToken}”；
$.getJSON（url、函数（数据）{
$。每个（数据、函数（键、值）{
$。每个（val、函数（键、值）{
$（“.picture_name”）.append（值[“message”]）；
$( "
这是我的查看页面代码：

<div class="row-inlineblock">
                        <div class="col-sm-12 col-xs-5">
                        <figure class="facebookfeed"></figure>
                        </div>
                        <div class="col-sm-12 col-xs-7">

                            <h2 class="picture_name"></h2>
                        </div>
                    </div>

我能解决这个问题
只需要在查看页面中使用
，
之类的东西，还需要更改JSON的迭代以减少每一个的。$以使脚本代码更快。
我能够解决这个问题
只需要在查看页面中使用
，
之类的东西，还需要更改JSON的迭代，以减少每个.$的开销，从而使脚本代码更快