这篇文章将为大家详细讲解有关如何使用Jquery动态刷新JSON数据，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。有个功能：WEB上需要定时刷新后台数据解决方案：数据通过
这篇文章将为大家详细讲解有关如何使用Jquery动态刷新JSON数据，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
有个功能：WEB上需要定时刷新后台数据
解决方案：数据通过json传给js，设置定时器进行页面局部刷新处理
代码：
#Django后台代码
@csrf_exempt
@login_required
def deploy_json(request, id):
with open("/data/shell/autodeploy.log", "r") as data:
lines = len(list(enumerate(data)))
if int(id)<=lines:
print lines
jsondata = json.dumps([{"subject" : linecache.getline("/data/shell/autodeploy.log",int(id)), "count" : lines}], ensure_ascii=False)
print jsondata
response = HttpResponse()
response['Content-Type'] = "text/javascript"
response.write(jsondata)
return response
data.close()
else:
return HttpResponse()
data.close()
@csrf_exempt
@login_required
def auto_deploy(request):
if request.method == 'POST':
subcmd.Jso_out("sh /data/shell/autodeploy.sh | tee /data/shell/autodeploy.log")
return render_to_response("deploy/auto_deploy.html")
elif request.method == 'GET':
return render_to_response("deploy/auto_deploy.html")
urls.py中添加如下：
url(r'^deploy/(?P<id>\d+)/$',deploy_json),#html代码
{% extends "default/base.html" %}
{% block title %} 发布系统 {% endblock %}
{% block content %}
<body class="pageBg">
<h4 class="w_1320 pageTitle">
<span>发布系统</span>预发布环境一键发布
</h4>
</body>
<fORM method="POST" action="/deploy/pre_auto">
{% csrf_token %}
<p align="left" class="style5">
<input type="submit" class="pageTitle_input01" value="发布（预发布）">
</form>
<pre class="pre-scrollable prettyprint linenums Lang-bash">
输出信息:
<script type="text/javascript" language="javascript">
var i = 0;
function update(id) {
$.getJSON("/deploy/" + id + "/",function(data) {
$("#content").append('<p>' + data[0].subject + '</p>');
console.log(id,Number(data[0].count));
if(id >= Number(data[0].count)){
clearInterval(time);
}
});
}
var time = setInterval(function() {
i += 1;
update(i)
}, 1000);
$(document).ready(function() {
{# timeDown(3, 0) #}
update(0)
})
</script>
<p id="time"></p>
<div id="content"></div>
</pre>
{% endblock %}效果：
关于“如何使用jquery动态刷新json数据”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
--结束END--
本文标题: 如何使用jquery动态刷新json数据
本文链接: https://www.lsjlt.com/news/83664.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0