Question

Я пытаюсь восстановить сообщения на прошлой неделе в своей ленте новостей на Facebook с помощью javascript sdk.Я могу получить первую страницу, но потом, я не знаю, как продолжить перебирать другие страницы.Я пробовал это с помощью следующего кода:

 $('#loadPosts').bind('click', function() {     
            FB.api('/me/home',{since:'last week'}, getPosts);   
          });

 getPosts = function(response){
        for (element in response.data){
            post = response.data[element]
            console.log(post);          
          }

          previousPage = response.paging.previous;        
          console.log(previousPage);

          // can i call FB.api(previousPage, getPosts); ??      

      }

Но я получаю URL-адрес, как и на предыдущей странице, и я не знаю, как сделать вызов JavaScript FB.api с этого URL-адреса.Есть идеи?

Nishant · Answer 1 · 18 февраля 2011

Хорошо, кажется, много жалоб на простую проблему, которую я все еще верю, что мой старый ответ проясняет.В любом случае, позволь мне присмотреть за тобой.:)

Первый : Я обнаружил, что вы не можете перейти на «предыдущую» страницу с первой страницы.В идеале я должен.Итак, вот ошибка, которую я подал, вы, возможно, захотите следовать: https://developers.facebook.com/bugs/391562790938294?browse=search_50fcac3ce094e7068176315

Секунда : если это предусмотрено, вы не можете вернуться к «предыдущему» с первогостраница (потому что там - это нет предыдущего), но вы, безусловно, можете перейти к «Далее».Однако, поскольку API ведет себя как курсор, и вы переместились вперед, теперь ваша «предыдущая» страница будет работать.

Ответ на вопрос:
Iполучаю URL-адрес, как и на предыдущей странице, и я не знаю, как сделать вызов javascript FB.api с этого URL-адреса.Есть идеи?

да, вы можете позвонить в FB.api.Но я предлагаю вам сделать вызов HTTP GET, потому что это проще.Кроме того, обратите внимание, что предыдущий может возвращать и пустой массив, например {"data":[]}

Как получить предыдущую / следующую страницу?
Здесь я пишу небольшой код, который используетJQuery.Если вы не хотите читать код, есть два способа:

Использовать предыдущий / следующий URL и сделать запрос HTTP GET.Который, если он не пустой, будет сопровождаться следующим набором ссылок «предыдущий», «следующий».
Разобрать URL-адрес и получить строку запроса, как JSON и передать ее в FB.api.Для разбора я использовал jQuery BBQ pluging .

Важное примечание: В этом примере я использую URL "next", потому что при первом запросе, если яиспользуйте «предыдущий», он дает пустой JSON вместо сообщений из прошлого.Тем не менее, я могу использовать «предыдущий» URL после того, как продвинулся на несколько страниц вперед.Как и в результатах Google, вы не можете перейти на предыдущую страницу 1, но вы можете перейти с любой страницы> 1 (см. Пример 3 ниже).Это называется разбиением на страницы.

Пример 1. Код с использованием HTTP GET (предпочтительно): (я загружу 3 сообщения на страницу и посмотрю три следующих страницы)

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" src="https://raw.github.com/cowboy/jquery-bbq/master/jquery.ba-bbq.min.js"></script>
<script>

var i =0;
var getPosts = function (response){
          for (element in response.data){
            post = response.data[element]
            console.log(post.id + ": " +post.message);          
          }



          // can i call FB.api(nextPage, getPosts); ??
          if(i < 2){
              nextPage = response.paging.next;        
              console.log(nextPage);
              i++;
              //Method 1: I use it.
              $.get(nextPage, getPosts, "json"); //optional: $.getJSON can be use instead
          }

      }

$(document).ready(function(){

$('#loadPosts').bind('click', function() {
            FB.api('/me/home',{since:'yesterday','limit': '3'}, getPosts);   
          });
})
</script>
</head>
<body>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : 'XXXXXXXXXXXX', // FILL YOUR APP ID HERE!
      status     : true, // check the login status upon init?
      cookie     : true, // set sessions cookies to allow your server to access the session?
    });

    // Additional initialization code such as adding Event Listeners goes here

  };
</script>
<button id="loadPosts">Load Posts</button>
<p>Please open developer console to see what's happening. In Firefox, you can use ctrl+shift+k, and in Chrome/Chromium use ctrl+shift+i</p>
</body>
</html>

Ответ :

100004192352945_156620584487686: undefined
137723270230_10152423499430231: On this day, please spare a thought for those fellow citizens, for whom I just spare a thought and do nothing else.
642965867_10151211036740868: Thanks everyone for their wishes! The wishes made my day!

https://graph.facebook.com/677811901/home?limit=3&access_token=AAACYjXGS5FQBAIR3brc2LibjBcZCi2kRJUybG8VMaaJSZARQ8SzNE7BE4PBrDIFVZB0AaVEa1dZCpX1fhCvoD2rnq8uc8OGaIFhO9uvVXAZDZD&until=1359184568
367116489976035_536776529676696: Rage. Quit. Life.
899605553_10152450871820554: undefined
367116489976035_417820828298092: undefined

https://graph.facebook.com/677811901/home?limit=3&access_token=AAACYjXGS5FQBAIR3brc2LibjBcZCi2kRJUybG8VMaaJSZARQ8SzNE7BE4PBrDIFVZB0AaVEa1dZCpX1fhCvoD2rnq8uc8OGaIFhO9uvVXAZDZD&until=1359179890
137723270230_10152423148745231: Pratibha Patil used to love the Republic Day Parade, especially the part where the visiting Chief Guest extended her an invitation to visit his/her own country.
137723270230_10152423131700231: The Kingfisher tableau at Republic Day Parade was so simple. Vijay Mallya riding a bicycle.
367116489976035_484460034950769: undefined

Пример 2. Код с использованием FB.api: (я загружу 3 сообщения / страницу и посмотрю три следующих страницы)

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" src="https://raw.github.com/cowboy/jquery-bbq/master/jquery.ba-bbq.min.js"></script>
<script>

var i =0;
var getPosts = function (response){
          for (element in response.data){
            post = response.data[element]
            console.log(post.id + ": " +post.message);          
          }



          // can i call FB.api(nextPage, getPosts); ??
          if(i < 2){
              nextPage = response.paging.next;        
              console.log(nextPage);
              i++;

              //Method 2: If you have to call FB.api
              var params = jQuery.deparam.querystring(nextPage);
              console.log(JSON.stringify(params, null, 2));
              FB.api('/me/home', params, getPosts)
          }

      }

$(document).ready(function(){

$('#loadPosts').bind('click', function() {
            FB.api('/me/home',{since:'yesterday','limit': '3'}, getPosts);   
          });
})
</script>
</head>
<body>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : 'XXXXXXXXXXXX', // FILL YOUR APP ID HERE!
      status     : true, // check the login status upon init?
      cookie     : true, // set sessions cookies to allow your server to access the session?
    });

    // Additional initialization code such as adding Event Listeners goes here

  };
</script>
<button id="loadPosts">Load Posts</button>
<p>Please open developer console to see what's happening. In Firefox, you can use ctrl+shift+k, and in Chrome/Chromium use ctrl+shift+i</p>
</body>
</html>

Ответ :

367116489976035_536776529676696: Rage. Quit. Life.
899605553_10152450871820554: undefined
367116489976035_417820828298092: undefined
{
  "limit": "3",
  "access_token": "AAACYjXGS5FQBAIR3brc2LibjBcZCi2kRJUybG8VMaaJSZARQ8SzNE7BE4PBrDIFVZB0AaVEa1dZCpX1fhCvoD2rnq8uc8OGaIFhO9uvVXAZDZD",
  "until": "1359179890"
}

137723270230_10152423148745231: Pratibha Patil used to love the Republic Day Parade, especially the part where the visiting Chief Guest extended her an invitation to visit his/her own country.
137723270230_10152423131700231: The Kingfisher tableau at Republic Day Parade was so simple. Vijay Mallya riding a bicycle.
367116489976035_484460034950769: undefined

https://graph.facebook.com/677811901/home?limit=3&access_token=AAACYjXGS5FQBAIR3brc2LibjBcZCi2kRJUybG8VMaaJSZARQ8SzNE7BE4PBrDIFVZB0AaVEa1dZCpX1fhCvoD2rnq8uc8OGaIFhO9uvVXAZDZD&until=1359178140
{
  "limit": "3",
  "access_token": "AAACYjXGS5FQBAIR3brc2LibjBcZCi2kRJUybG8VMaaJSZARQ8SzNE7BE4PBrDIFVZB0AaVEa1dZCpX1fhCvoD2rnq8uc8OGaIFhO9uvVXAZDZD",
  "until": "1359178140"
}
655515199_403590309726450: a good resolution to take on Republic Day
505588854_496901583686790: Love the secret world that slow motion reveals.
693811975_10151217837201976: undefined

Пример 3: Выполнение: страница1 -> страница2 -> страница1 или страница -> следующая -> предыдущая Следующий код загрузит страницу 1, затем перейдет на «следующую» страницу (страница 2), а затем вернется на страницу 1, используя «предыдущий»

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" src="https://raw.github.com/cowboy/jquery-bbq/master/jquery.ba-bbq.min.js"></script>
<script>

var i =0;
var getPosts = function (response){
          for (element in response.data){
            post = response.data[element]
            console.log(post.id + ": " +post.message);          
          }



          // can i call FB.api(nextPage, getPosts); ??
          if(i < 2){
              nextPage = response.paging.next;        
              if(i==1)
                nextPage = response.paging.previous;

              console.log(nextPage);
              i++;
              $.get(nextPage, getPosts, "json"); //optional: $.getJSON can be use instead
          }

      }

$(document).ready(function(){

$('#loadPosts').bind('click', function() {
            FB.api('/me/home',{since:'yesterday','limit': '3'}, getPosts);   
          });
})
</script>
</head>
<body>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : 'XXXXXXXXXXXX', // FILL YOUR APP ID HERE!
      status     : true, // check the login status upon init?
      cookie     : true, // set sessions cookies to allow your server to access the session?
    });

    // Additional initialization code such as adding Event Listeners goes here

  };
</script>
<button id="loadPosts">Load Posts</button>
<p>Please open developer console to see what's happening. In Firefox, you can use ctrl+shift+k, and in Chrome/Chromium use ctrl+shift+i</p>
</body>
</html>

Ответ :

PAGE1:
367116489976035_536806916340324: How big is the Solar System?
Full infographic here: http://bit.ly/WmzfVn
137723270230_10152423534790231: "Sociologist" Ashis Nandy has claimed that most of the corrupt came from OBC/SC/ST castes.
Following this, Corrupt people have strongly condemned Nandy's attempts to divide them on caste lines. They'll be united in loot, forever.
100004192352945_156620584487686: undefined

PAGE2:
https://graph.facebook.com/677811901/home?limit=3&access_token=AAACYjXGS5FQBAKqIMyCVYjH9upK4e2bjUwLoVbbFDL0ffc0SZBTVR9MUFGV4ZCq6HBdFIadFMpLDC3ATMZCJ4GPsXWpG4qTGODavuvzLAZDZD&until=1359185659

137723270230_10152423499430231: On this day, please spare a thought for those fellow citizens, for whom I just spare a thought and do nothing else.
642965867_10151211036740868: Thanks everyone for their wishes! The wishes made my day!
367116489976035_536776529676696: Rage. Quit. Life.

PAGE1:
https://graph.facebook.com/677811901/home?limit=3&access_token=AAACYjXGS5FQBAKqIMyCVYjH9upK4e2bjUwLoVbbFDL0ffc0SZBTVR9MUFGV4ZCq6HBdFIadFMpLDC3ATMZCJ4GPsXWpG4qTGODavuvzLAZDZD&since=1359185123&__previous=1

367116489976035_536806916340324: How big is the Solar System?
Full infographic here: http://bit.ly/WmzfVn
137723270230_10152423534790231: "Sociologist" Ashis Nandy has claimed that most of the corrupt came from OBC/SC/ST castes.
Following this, Corrupt people have strongly condemned Nandy's attempts to divide them on caste lines. They'll be united in loot, forever.
100004192352945_156620584487686: undefined

СТАРЫЙ ОТВЕТ

Используйте параметры limit, offset, since и until для достижения вашей цели.

См .: http://developers.facebook.com/docs/reference/api/

Пейджинг

При запросе соединений есть несколько полезных параметров, которые позволяют вам фильтровать и просматривать данные соединения:

предел, смещение: https://graph.facebook.com/me/likes?limit=3

до, так как(метка времени Unix или любая дата, принятая strtotime): https://graph.facebook.com/search?until=yesterday&q=orange

Следующие сообщения должны получать все сообщения с last week до yesterday из сообщения 21st - 30th (в основном,третья страница из 10 сообщений на странице (нумерация страниц).

 FB.api(
  '/me/home',
  {
    'since':'last week',
    'limit': '10',
    'offset': '20',
    'until': 'yesterday'
  }, 
  getPosts
);

Я только что проверил, это работает.Я использовал limit = 4, что по размеру страницы.Итак, когда я получаю данные с 02 февраля 2011 года (Unix Time Stamp: 1296626400) до сегодняшнего дня, используя этот

https://graph.facebook.com/me/home?access_token=[AUTH_TOKEN]&since=1296626400&limit=4

Он возвращает данные, плюс также возвращает URL для перехода на следующую страницу

{
   "data": [
      <ARRAY OF POSTS HERE>
   ],
   "paging": {
      "previous": "https://graph.facebook.com/me/home?access_token=[NEW_AUTH_TOKEN]&since=1298026753&limit=4",
      "next": "https://graph.facebook.com/me/home?access_token=[NEW_AUTH_TOKEN]&limit=4&until=1298023222"
   }
}

Вы можете безопасно использовать атрибуты previous и next объекта JSON для перехода на следующую страницу (или предыдущую страницу).Это, кажется, самый простой способ сделать.

Кстати, \u00257C нужно было преобразовать в |, чтобы заставить это работать.

Craig Myles · Answer 2 · 30 августа 2012

Если вы просто хотите получить следующую страницу (используя объект paging.next), вы можете выполнить запрос jQuery.getJSON.Примерно так:

function loadAlbums(){
    FB.api('/me/albums', function(response){
        handleAlbumsResponse(response);
    });
}

function handleAlbumsResponse(response){
    var albums = response.data;

    for( var i in albums){
        var album = albums[i];
        $('#albums ul').append('<li><a href="#">' + album.name + '</a></li>');
    }

    if( response.paging.next){
        console.log('fetching next page...');
        $.getJSON(response.paging.next, function(response){                
            handleAlbumsResponse(response);
        });
    } 
}

Gunnar Karlsson · Answer 3 · 28 апреля 2012

Ключевое ограничение в вашем вопросе - мы не можем использовать следующий URL-адрес, указанный в ответе.

Я постараюсь ответить на ваш вопрос, сначала задав более общий вопрос:

Как мы можем создать пользовательский интерфейс для нашего приложения Facebook, где каждый вызов для большего количества элементов возвращает одинаковое количество элементов.

Если пользователь запрашивает «больше» и получает 10 элементов, нажимает «больше» и получает затем 4, затем 7 и т. д., она может подумать, что наше приложение содержит ошибки.

На странице Open Graph заставка введены различные параметры для подкачки.Это:

предел

смещение

до

с

, как указано в разделе «подкачка»заголовок.Однако, если мы реализуем решение с ограничением и смещением, в котором мы увеличиваем смещение, например:

https://graph.facebook.com/me/home?limit=10&offset=OFFSET

, где OFFSET будет увеличиваться на предел каждого запроса, мы обнаружим, что число возвращаемых результатов иногда не будет равнок указанному нами параметру «limit».Это связано с тем, что параметры применяются на стороне Facebook до , проверяя, видны ли запрошенные результаты для просмотра.Мы просим 10, но мы можем получить 8 элементов взамен.

Это означает, что мы не можем использовать решение, в котором мы увеличиваем предел и смещение, если хотим, чтобы запрос нашего приложения «more» всегда возвращал одну и ту же сумму

Решение, предложенное в этом блоге Джеффом Боуэном (который работает в команде разработчиков Facebook), заключается в следующей логике:

запрос элемента с ограничением= YOUR_LIMIT.
получить поле create_time последнего элемента в ответе.
запросить следующие 10 элементов, начиная с = RETRIEVED_CREATED_TIME и limit = YOUR_LIMIT

Вот этоПример кода, основанный на примере в сообщении в блоге, упомянутом выше:

var graphURL = "https://graph.facebook.com/me/home?" +
                 "callback=processResult&" +
                 "date_format=U&" +
                 "limit=10";

function loadPosts() {
  var script = document.createElement("script");
  script.src = graphURL;
  document.body.appendChild(script);
}

function processResult(posts) {
  if (posts.data.length == 0) {
    document.getElementById("loadMore").innerHTML =
      "No more results";
  }
  else {
    graphURL = graphURL + "&until=" +
      posts.data[posts.data.length-1].created_time;

    for (var post in posts.data) {
      var message = document.createElement("div");
      message.innerHTML = posts.data[post].message;
      document.getElementById("content").appendChild(message);
    }
  }
}

Это решение извлекает следующие 10 элементов из ленты новостей пользователя в хронологическом порядке без использования URL-адреса в ответе JSON.

bluehipy · Answer 4 · 25 июня 2017

Я заметил, что вопрос очень старый. Мой ответ верен в эти дни FB jsSDK (2017):)

На самом деле это проще, чем описывали предшественники, и несколько интуитивно понятно. FB jsSDK - это сам API, и ожидается, что он сможет самостоятельно перемещаться по страницам ответа и использовать те же средства, нет?

function getPosts(){
    FB.api('/me/posts', 'GET', {limit:250}, cbGetPosts);
}

function cbGetPosts(response){
    // do your stuff with response.data
    if(response && response.paging){
     FB.api(response.paging.next, cbGetPosts); // yep, is this simple
    }
}

Очевидно, это будет запрашивать следующие страницы, пока определен следующий ключ, но он подтверждает концепцию.

Googlian · Answer 5 · 06 июля 2016

Работает

    function friends_list()
    {

        for (var x = 0; x<500; x++)
        {
            FB.api(
            '/me/friendlists/',
            'GET',
            {"fields":"id","offset":x},
            function(response) {
            for (i = 0; i < response.data.length; i++) 
            { 

            document.getElementById("friends_list").innerHTML =  
            document.getElementById("friends_list").innerHTML + "<br>" + response.data[i].id; 

            }
            document.getElementById("friends_list").innerHTML =  
            document.getElementById("friends_list").innerHTML + "<br>" ;
            }
            );
        }


    }

Как работает пейджинг в Facebook javascript API?

Пожалуйста, войдите или зарегистрируйтесь чтобы ответить на этот вопрос.

Ответы [ 5 ]

Пожалуйста, войдите или зарегистрируйтесь что бы добавить комментарий.

Пожалуйста, войдите или зарегистрируйтесь что бы добавить комментарий.

Пожалуйста, войдите или зарегистрируйтесь что бы добавить комментарий.

Пожалуйста, войдите или зарегистрируйтесь что бы добавить комментарий.

Пожалуйста, войдите или зарегистрируйтесь что бы добавить комментарий.

Как работает пейджинг в Facebook javascript API?

Пожалуйста, войдите или зарегистрируйтесь чтобы ответить на этот вопрос.

Ответы [ 5 ]

Пожалуйста, войдите или зарегистрируйтесь что бы добавить комментарий.

Пожалуйста, войдите или зарегистрируйтесь что бы добавить комментарий.

Пожалуйста, войдите или зарегистрируйтесь что бы добавить комментарий.

Пожалуйста, войдите или зарегистрируйтесь что бы добавить комментарий.

Пожалуйста, войдите или зарегистрируйтесь что бы добавить комментарий.

Похожие темы