使用 jquery + javascript 在客户端显示文件的输出答案

【问题标题】：show output of file on client side using jquery + javascript使用 jquery + javascript 在客户端显示文件的输出
【发布时间】：2010-06-13 01:59:42
【问题描述】：

在我的视图函数中写了一些代码：此代码从服务器读取文件。将其存储在列表中。传递给客户端 def 显示文件数据（请求）：

f = open("/home/tazim/webexample/test.txt")          
   list = f.readlines()       
   return_dict = {'list':list}       
   json = simplejson.dumps(list)       
   return HttpResponse(json,mimetype="application/json")

在，客户端 $.ajax 回调函数接收此行列表。

现在，我的问题是。我必须在文本区域中显示这些行。但这些行不应立即显示。每一行都应该延迟添加到 textarea 中。（据我所知，需要使用 setInterval）。我也在我的模板中使用 jquery。

使用的服务器是 Django 。请提供一些解决方案，因为在一些示例代码中会很有帮助。

【问题讨论】：

标签： jquery ajax django

【解决方案1】：

所以，看起来您已经从服务器获得了一个行列表，我假设它会序列化为您正在使用的库中的 JavaScript 数组。如果是这样，那么您可以使用 setTimeout 将行从数组中弹出（对于大多数动画来说，这比 setInterval 更好）。

所以，是这样的：

// assuming some array named 'lines' holds your lines from the server
function appendLine(){
    var currentValue = $('mytextarea').val();
    var nextLine = lines.shift();
    $('mytextarea').val(currentValue+nextLine);
    if(lines.length > 0)
        setTimeout("appendLine",5000);
}

window.setTimeout("appendLine",5000);

可能不是最有效的方法，但这就是要点。

【讨论】：