Forked from zulhfreelancer/get-facebook-page-latest-post.html
Created
November 3, 2022 10:35
-
-
Save nicolasverlhiac/8e58648f34bbe29e59a152f89b4a7379 to your computer and use it in GitHub Desktop.
Get Facebook Page Latest Post Using JSON
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script type="text/javascript"> | |
| // when the button is clicked, this function will fire | |
| function get_json_data() { | |
| // get HTML tag ID of the databox that will show the result we get & put it as a variable called 'databox' | |
| var databox = document.getElementById("databox"); | |
| // URL API facebook + access token | |
| var url = "https://graph.facebook.com/[PAGE_ID_HERE]/posts?access_token=[ACCESS_TOKEN_HERE]"; | |
| // start the http request | |
| var hr = new XMLHttpRequest(); | |
| // open & set http request parameters | |
| hr.open("GET", url, true); | |
| hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); | |
| // if we received OK status from API server | |
| hr.onreadystatechange = function () { | |
| if (hr.readyState == 4 && hr.status == 200) { | |
| // parse data from server to JSON format | |
| var data = JSON.parse(hr.responseText); | |
| // put it in the databox HTML tag ID | |
| // 0 in square bracket is data array - you change it base on your needs | |
| // why 0? because 0 is the latest one | |
| databox.innerHTML = data.data[0].name; | |
| } | |
| } | |
| // send the http request | |
| hr.send(); | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <p id="databox"></p> | |
| <input type="button" value="Get Latest Post" onclick="get_json_data()" /> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment