{"id":2555,"date":"2009-04-08T10:10:43","date_gmt":"2009-04-08T17:10:43","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=2555"},"modified":"2015-02-25T19:51:00","modified_gmt":"2015-02-26T02:51:00","slug":"60-ajax-refreshing-rss-content","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/video-screencasts\/60-ajax-refreshing-rss-content\/","title":{"rendered":"#60: AJAX Refreshing RSS Content"},"content":{"rendered":"
In video #55 the end result was the FeedSmusher, which inserted content from external RSS feeds onto a page of our own. In this screencast, we will start there and use AJAX (with help from jQuery) to refresh that content without requiring a page refresh.<\/p>\n
Links from Video:<\/strong><\/p>\n In video #55 the end result was the FeedSmusher, which inserted content from external RSS feeds onto a page of our own. In this screencast, we will start there and use AJAX (with help from jQuery) to refresh that content without requiring a page refresh. Links from Video: View Demo Download Files Niki’s Banana Tweets<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1283,"menu_order":0,"comment_status":"open","ping_status":"open","template":"video-single.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":15978,"url":"https:\/\/css-tricks.com\/snippets\/javascript\/saving-contenteditable-content-changes-as-json-with-ajax\/","url_meta":{"origin":2555,"position":0},"title":"Saving contenteditable Content Changes as JSON with Ajax","date":"January 10, 2012","format":false,"excerpt":"Elements with the contenteditable attribute can be live-edited right in the browser window. But of course those changes don't affect the actual document on your server, so those changes don't persist with a page refresh. One way to save the data would be to wait for the return key to\u2026","rel":"","context":"With 13 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3974,"url":"https:\/\/css-tricks.com\/video-screencasts-4\/","url_meta":{"origin":2555,"position":1},"title":"Video Screencasts","date":"September 10, 2009","format":false,"excerpt":"#60: AJAX Refreshing RSS Content Running time: 22:56 In video #55 the end result was the FeedSmusher, which inserted content from external RSS feeds onto a page of our own. In this screencast, we will start there and use AJAX (with help from jQuery) to refresh that content without requiring\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":5708,"url":"https:\/\/css-tricks.com\/video-screencasts\/81-ajaxing-a-wordpress-theme\/","url_meta":{"origin":2555,"position":2},"title":"#81: AJAXing a WordPress Theme","date":"February 25, 2010","format":false,"excerpt":"Watch me bumble my way through adding AJAX functionality to a WordPress theme. The idea is that any internal link on the site will load into the main content area without requiring a page refresh, including search. Not always the most practical idea in the world, but it's kinda neat,\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2038,"url":"https:\/\/css-tricks.com\/video-screencasts\/50-building-a-customized-and-dynamic-ordering-form\/","url_meta":{"origin":2555,"position":3},"title":"#50: Building a Customized and Dynamic Ordering Form","date":"January 20, 2009","format":false,"excerpt":"Real-life clients have real-life needs for their websites. They don't care about your fancy RSS feeds and AJAX, they just want their website to do what they tell you they want it to do. In this screencast I walk through an example feature I am building for a real-life client\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3754,"url":"https:\/\/css-tricks.com\/snippets\/php\/detect-ajax-request\/","url_meta":{"origin":2555,"position":4},"title":"Detect AJAX Request","date":"September 4, 2009","format":false,"excerpt":"The HTTP_X_REQUESTED_WITH header is sent by all recent browsers that support AJAX requests. if ( !empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest' ) { # Ex. check the query and serve requested data }","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":4030,"url":"https:\/\/css-tricks.com\/snippets\/htaccess\/force-favicon-requests-to-correct-location\/","url_meta":{"origin":2555,"position":5},"title":"Force Favicon Requests to Correct Location","date":"September 11, 2009","format":false,"excerpt":"For whatever crazy reason, perhaps evil-doing site scanners, requets to a web server for a favicon in all known crevasses of the site are fairly common. Since that file probably only actually exists in the root directory of your site, these requests result in a 404. If you server up\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/2555"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=2555"}],"version-history":[{"count":3,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/2555\/revisions"}],"predecessor-version":[{"id":155776,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/2555\/revisions\/155776"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1283"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=2555"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=2555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n