Showing updated content on the client
- by tazim
Hi,
I have a file on server which is viewed by the client asynchronously as and when required .
The file is going to get modified on server side . Also updates are reflected in browser also
In my views.py the code is :
def showfiledata(request):
somecommand ="ls -l > /home/tazim/webexample/templates/tmp.txt"
with open("/home/tazim/webexample/templates/tmp.txt") as f:
read_data = f.read()
f.closed
return_dict = {'filedata':read_data}
json = simplejson.dumps(return_dict)
return HttpResponse(json,mimetype="application/json")
Here, entire file is sent every time client requests for the file data .Instead I want that only modified data sholud be received since sending entire file is not feasible if file size is large .
My template code is :
< html>
< head>
< script type="text/javascript" src="/jquerycall/">< /script>
< script type="text/javascript">
$(document).ready(function()
{
var setid = 0;
var s = new String();
var my_array = new Array();
function displayfile()
{
$.ajax({
type:"POST",
url:"/showfiledata/",
datatype:"json",
success:function(data)
{
s = data.filedata;
my_array = s.split("\n");
displaydata(my_array);
}
});
}
function displaydata(my_array)
{
var i = 0;
length = my_array.length;
for(i=0;i<my_array.length;i++)
{
var line = my_array[i] + "\n";
$("#textid").append(line);
}
}
$("#b1").click(function()
{
setid= setInterval(displayfile,1000);
});
$("#b2").click(function()
{
clearInterval(setid);
})
});
< /script>
< /head>
< body>
< form method="post">
< button type="button" id="b1">Click Me< /button>< br>< br>
< button type="button" id="b2">Stop< /button>< br>< br>
< textarea id="textid" rows="25" cols="70" readonly="true" disabled="true">< /textarea>
< /form>
</body>
</html>
Any Help will be beneficial . some sample code will be helpful to understand
