At the end of the same template file, property_list.html, we add a header block that ensures the desired version of jQuery is loaded:
{% block extra_head %}
<script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
{% endblock %}
After that, we add a jQuery $(document).ready() function that makes an AJAX request to the URL described in the preceding code block. The return value from the request is a list of dictionaries with the properties type, view, beds, available, and link:
<script type="text/javascript" charset="utf8">
$(document).ready( function () {
$.ajax({
'type' : 'GET',
'url' : '/property/json/rooms/{{ prop_key }}/',
'dataType' : 'json',
'success' : function(data){
$.each(data, function(i,row...