# Simple Ajax tutorial for Kirby?

**URL:** <https://forum.getkirby.com/t/simple-ajax-tutorial-for-kirby/2365>\
**Category:** Questions\
**Tags:** v2\
**Created:** [October 31, 2015, 4:36pm UTC](https://forum.getkirby.com/t/simple-ajax-tutorial-for-kirby/2365 "2015-10-31T16:36:49Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jrantaka](https://avatars.discourse-cdn.com/v4/letter/j/dbc845/32.png) [@jrantaka](https://forum.getkirby.com/u/jrantaka)\
**Post date:** [October 31, 2015, 4:36pm UTC](https://forum.getkirby.com/t/simple-ajax-tutorial-for-kirby/2365/1 "2015-10-31T16:36:49Z")

</div>

Hey,

I’m trying to implement a really simple ajax page load effect for content to fade in and out. I scoured the forums and didn’t get very far. I’m an anbsolute beginner regarding ajax and willing to learn. Kirby was the main reason I know have a passing understanding of PHP. I also tried the ajax tutorial on the kirby page but it’s missing the content and it’s for the old version of kirby. So if anyone could help me I would be super happy! 😄

**So the gist of it:**  
I have a simple fixed header with the navigation and a footer. I would like to load the content in between these elements dynamically from the navigation. Simple way to do this and get started with ajax?

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [October 31, 2015, 4:42pm UTC](https://forum.getkirby.com/t/simple-ajax-tutorial-for-kirby/2365/2 "2015-10-31T16:42:40Z")

</div>

You might want to check out this example I posted yesterday: [Need help with Ajax requests with Kirby](https://forum.getkirby.com/t/need-help-with-ajax-requests-with-kirby/2361). The basics are always the same, you just need to adapt this for your use case.

---

<div class="post-metadata">

**Author:** ![MinmlCo](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/minmlco/32/3493_2.png) [@MinmlCo](https://forum.getkirby.com/u/MinmlCo)\
**Post date:** [October 31, 2015, 5:13pm UTC](https://forum.getkirby.com/t/simple-ajax-tutorial-for-kirby/2365/3 "2015-10-31T17:13:46Z")

</div>

Would something like this be of use to you? It’s a theme I made a while back with AJAX page loading. [http://themes.minml.co/mnmlst](http://themes.minml.co/mnmlst)

---

<div class="post-metadata">

**Author:** ![distantnative](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/distantnative/32/11319_2.png) [@distantnative](https://forum.getkirby.com/u/distantnative)\
**Post date:** [February 6, 2025, 5:04pm UTC](https://forum.getkirby.com/t/simple-ajax-tutorial-for-kirby/2365/4 "2025-02-06T17:04:20Z")

</div>