后端：
def test(request):
import os
import time
t = time.time()
logfilename = time.strftime('%Y%m%d%H%M%S') + '.log'
# print logfilename
# status, out = os.system("/tmp/sss.sh + ' ' + 'test'>/tmp/%s" % logfilename)
# out = os.system("/tmp/sss.sh 'test'>/tmp/%s" % logfilename)
logfilepath = '/tmp/%s' % logfilename
t = threading.Thread(target=shell_os, args=(logfilename,))
t.setDaemon(True)
t.start()
f = file('/tmp/20160903083315.log', 'r+')
# time.sleep(10)
# out = f.readline()
# pos = f.tell()
# print out
# f.close()
# return HttpResponse(out)
return render_to_response('myajax.html', {'title': logfilepath, 'output': 'test',})
import os
def shell_os(logfilename):
out = os.system("/tmp/sss.sh 'test'>/tmp/%s" % logfilename)
return out
def myajax(request):
# print request.method
if request.method == 'POST':
print request.method
print request
filepath = request.POST.get('filepath')
print filepath
pos = request.POST.get('pos')
print pos
f = file(filepath, 'r+')
print '-------------'
f.seek(int(pos))
print '-------------'
out = f.readline()
pos = f.tell()
f.close()
print '==========out', out, pos
ret = {'out': out, 'posh': pos}
return HttpResponse(json.dumps(ret))
else:
return HttpResponse('GET')
前端：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<style>
.top {
margin: 20px;
padding: 20px;
border: 1px solid #ddd;
}
.commom {
margin: 20px;
padding: 20px;
border: 1px solid #ddd;
}
</style>
</head>
<body>
<div class="top">
<div style="float: left">[正在执行]</div>
<div style="float: left">{{ title }}</div>
</div>
<div class="commom">{{ output }}</div>
</body>
<script src="/statics/jquery/jquery-3.1.0.min.js" type=text/javascript></script>
<script type=text/javascript>
pos = 0;
function myajax() {
//console.log({{ title }})
var filepath = "{{ title }}";
//console.log(filepath);
$.ajax({
url: "/web/myajax/",
type: "POST",
data: {filepath: filepath, pos: pos},
success: function (callback) {
var obj = jQuery.parseJSON(callback);
pos = obj.posh;
var old_html = $(".commom").html();
var new_html = old_html + obj.out + "<br>";
if (obj.out.indexOf('FINISH') > 0) {
clearInterval(logAjax)
}
if (obj.out == '') {
console.log(obj.out);
}
else {
$(".commom").html(new_html);
}
//console.log(obj.out);
//console.log($(".commom").html())
},
error: function () {
console.log('error')
}
})
}
var logAjax = setInterval('myajax()', 500);
</script>
</html>
#用clearInterval(logAjax )来结束