溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關如何使用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數據”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
