Использование Ajax в Django для отображения времени суток каждую секунду

Question

Я ищу простой пример того, как отображать текущее время на странице в проекте django. Я попытался поиск и придумал следующее (который не обновляется, если я обновить страницу):

Вот мой urls.py:

from django.conf.urls import patterns, include, url 
from garageMonitor.views import * 
from django.contrib import admin 

admin.autodiscover() 

urlpatterns = patterns('', 
    url('time', time, name="time"), 
) 

Вот мой views.py:

def time(request): 
    now = strftime("%H:%M:%S", gmtime()) 

    time_dict = {"Time":now} 
    return render_to_response('time.html', {'time': time_dict}) 

Вот time.html:

<script type="text/javascript" 
src="/static/garageMonitor/scripts/refreshTime.js"> 
window.onload = refreshTime; 
</script> 
<table id="test"><tbody> 
<tr> 
{% include "testing.html" %} 
</tr> 
</tbody></table> 

Вот testing.html:

{% for label, value in temperature.items %} 
     <td >{{ label }}</td> 
     <td>{{ value }}</td> 
{% endfor %} 

Вот мой refreshTime.js:

function refresh() { 
    $.ajax({ 
     url: '{% url monitor-test %}', 
     success: function(data) { 
      $('#test').html(data); 
     } 
     setInterval("refreshTime()", 1000); 
    }); 
} 

$(function(){ 
    refresh(); 
}); 

Я бы признателен за любую помощь, пожалуйста.

Я посмотрел код в консоли. Он жалуется на линии:

$(function(){ 

(это не нравится "$")

Answer 1

EDIT:

Кроме того, необходимо JQuery. Добавьте <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> перед другим блоком скрипта в html.

См документации по SetTimeout и setInterval: http://www.w3schools.com/jsref/met_win_settimeout.asp http://www.w3schools.com/jsref/met_win_setinterval.asp

Измените Javascript для этого:

function refresh() { 
    $.ajax({ 
     url: '{% url monitor-test %}', 
     success: function(data) { 
      $('#test').html(data); 
     } 
    }); 
} 

$(function(){ 
    setInterval(refresh, 1000); 
}); 

или, возможно, это было бы лучше:

function refresh() { 
    $.ajax({ 
     url: '{% url monitor-test %}', 
     success: function(data) { 
      $('#test').html(data); 
      setTimeout(refresh, 1000); 
     } 
    }); 
} 

$(function(){ 
    refresh(); 
}); 

Answer 2

Я использую это , является стандартным тегом в django.

<ul class="sidebar-stats"> 
     <li class="margin left right"> 
      <h5>{% now "j F Y H:i" %}</h5> 
     </li> 
    </ul> 

Answer 3

пользователь1132959 был место сверху! Мне нужно было добавить:

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 

У меня были проблемы с количеством раз за цикл, который обновлялась. Я думаю, что это возможно из-за кеша, но я не уверен. Вот что у меня сейчас, похоже, работает.

refreshTime.js:

function refreshTime() { 
    $.ajax({ 
    url: '{% url time %}', 
    success: function (data) { 
     console.log("success function called"); 
     $('#test').html(data); 
    } 
    }); 
} 


$(document).ready(function() { 
    console.log("setting interval"); 
     setTimeout(refreshTime,1000); 
}); 

time.html:

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script type="text/javascript" src="/static/garageMonitor/scripts/refreshTime.js"></script> 

<table id="test"> 
    <tbody> 
    <tr> 
     {% include "testing.html" %} 
    </tr> 
    </tbody> 
</table> 

URLs.ру:

from django.conf.urls import patterns, include, url 

urlpatterns = patterns('', 
    url('time', time, name="time"), 
) 

views.py:

def time(request): 
    now = strftime("%H:%M:%S", gmtime()) 

    time_dict = {"Time":now} 
    return render_to_response('time.html', {'time': time_dict}) 

Я действительно надеюсь, что это помогает кто-то добраться до конца их радуги быстрее, чем я.

спасибо всем, кто мне помог!