ohai

Welcome to the home page.

Flask PJAX A simple example site

Templating

A few protips for creating your templates.

No blocks, no problem.

The easiest way to set up your templates is without blocks.

<!-- ohai.html -->

<div class="container">
  <div class="row">
    <h1>ohai</h1>
    <p>Welcome to the home page.</p>
  </div>
</div>

And then use the include tag in your base template.

<!-- base.html -->

<div id="main" role="main">
  {% include template %}
</div>

Rendering

A quick protip for rendering templates.

How do I include?

This way you can set up a function to render templates that aren't requested by PJAX — which will then default to the include tag.

def pjax(template):
    """Determine whether the request was made by PJAX."""
    if "X-PJAX" in request.headers:
        return render_template(template)
    return render_template("base.html", template=template)

PJAXing

And, let's tie it all together.

Wrapping it all up.

Lastly, you'll just need to add a data attribute to your links that points to the selector that will have its content replaced by the successful PJAX call.

<a href="/planes" data-pjax="#main">Planes</a>

And, you'll need to finally initialize the PJAX JavaScript.

$(function() {
  $('a[data-pjax]').pjax()
})

Linking

Just in case you're interested.

Now with 100% spam-free links.

As always, all of the source code is available on my Github account. And, if you're interested in checking out any of my other projects, here's a link to personal site and Twitter account.