使用Dajax流式传输日志消息

时间:2015-07-09 17:43:51

标签: javascript dajaxice dajax

我正在尝试为我的网站创建一个记录器窗口,它将python记录器消息流式传输到javascript弹出窗口。我已经达到了这样的程度:如果我关闭窗口并重新打开它,将显示新的消息,但我想写一些javascript,每隔N秒自动刷新一次窗口(并调用dajaxice)。

我的ajax.py

@dajaxice_register(method='GET')
def getLogs(request):
  fname = "/path/to/LOG_2015-07-08.log"
  with open(fname,"r") as f:
    lines = f.readlines()
  lines = lines[-15:]  //
  logger.info("Displaying Logs")
  return json.dumps({'message':lines})

我的HTML

<script language="javascript" type="text/javascript">
  function popitup(data) {
    sessionStorage.setItem("logs",data.message);
    newWindow = window.open('/InterfaceApp/LogViewer', 'Log Viewer', 'height=400,width=800,status=yes');
    if(newWindow && !newWindow.closed){

    newWindow.location.reload(true);  //this is my first attempt at a refresh, wasn't quite what I wanted.

    newWindow.focus();
    } 
  }
</script>
<div class="container">
  <input id="LogMessages" type="button" value="View Log Messages" onclick="Dajaxice.InterfaceApp.getLogs(popitup)"/>
</div>

重申一下,我想点击按钮,弹出一个窗口。我希望弹出窗口每隔N秒用我的日志文件的最后15行刷新(每次用户浏览网站时,这些行都会添加到日志中)。 ajax.py中的dajaxice函数是抓取日志文件的,因此以某种方式调用需要包含在刷新中。

任何人都可以帮我解决这个问题吗?我好几天都在苦苦挣扎。

谢谢!

1 个答案:

答案 0 :(得分:0)

我能够自己解决这个问题。下面的代码对我有用。

<强> ajax.py

@dajaxice_register(method='GET')
def getLogs(request):
  fname = "/path/to/LOG_2015-07-09.log"
  with open(fname,"r") as f:
    lines = f.readlines()
  lines = lines[-15:]
  return json.dumps({'message':lines})

<强> HTML

 <div class="container-fluid">
  <h4 class="text-center">Log Messages</h4>
  <div class="content">
    <span class='value'></span>
  </div>
  <script language="javascript" type="text/javascript">
    function saveLogs(data){
      sessionStorage.setItem("logs",data.message);
    }
      $(document).ready(
        function() {
          setInterval(function() {
            Dajaxice.InterfaceApp.getLogs(saveLogs);
            var logs = sessionStorage.getItem("logs");
            document.querySelector('.content .value').innerText = logs;      
          }, 3000);
        });
  </script>
</div>        

我使用了dajaxice而不是直接的ajax,在正确配置所有设置之前花了不少其他东西,但它似乎比尝试学习如何将ajax和php集成到我的django项目中更容易。