example

{% extends "base.html" %}

{% block page_title %}Sheet{% endblock %}

{% block content %}
<div class="panel panel-primary">
<div class="panel-heading">{{ character.charactername|capfirst }} / Sheet</div>
<div class="panel-body">
    <div id="Content">
        {% include "page_loading.html" %}
    </div>
    {% if not request.session.character_access.CharacterSheet %}
        {% include "best_experience.html" %}
    {% endif %}
</div>
</div>
{% endblock %}

{% block js %}
{% if request.session.character_access.CharacterSheet %}
<script>
$(function(){
var refresher = function () {
    $.getJSON( "{% url 'characters:sheet_json' %}", function(obj) {
        refresh_timer = obj.refresh_timer * 1000;
        setTimeout(refresher, refresh_timer);

        if (obj.content) {
            // do shit with content and data
            $("#Content").replaceWith("Jeej we got api data:D");

            //content will be a dict that you will use like this
            // obj.content.balance = wallet balance
            // obj.location = last known character location
            // obj.charactername = charactername
            // for corp in obj.employment_history
            // corp.name =
            // etc
        }
    });
  };

  setTimeout(refresher, 300); // 0.3 seconds
});
</script>
{% endif %}
{% endblock %}