您好,登錄后才能下訂單哦!
使用django 怎么實現(xiàn)部分頁面刷新?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
1、在原頁面中設(shè)置這個表格的id為pstable
<table class="table table-striped" id="pstable"> <thead> <tr> <th>user</th> <th>pid</th> <th>cmd</th> </tr> </thead> <tbody> {% for ps in info.ps_data %} <tr> {% for item in ps %} <td>{{ item }}</td> {% endfor %} </tr> {% endfor %} </tbody> </table>
2、實現(xiàn)js
<script type="text/javascript"> $(document).ready(function(){ $("#gobtn").click(function(){ var ip=$("#ip").val(); //獲取輸入框中的ip $.post("/process/",{'hostip':ip}, //post函數(shù)到后端 function(data,status){ //回調(diào)函數(shù) $("#pstable").html(data); //將id為pstable的標(biāo)簽的html替換為返回的data $("#ip").val(ip) //將輸入框的值改為查詢的ip }); }); });
3、view函數(shù)
def process_view(request): hostip = request.POST.get('hostip') logger.debug("host:%s" % hostip) if hostip is None: ps_data = GetHostPs('192.168.163.128') info = {'username':request.user,'ps_data':ps_data} template = 'process.html' #return render(request,'process.html',{"info":info}) elif hostip: ps_data = GetHostPs(hostip) info = {'username':request.user,'ps_data':ps_data} template = 'pstable.html' #return render(request,'pstable.html',{"info":info}) else: ps_data = GetHostPs('192.168.163.128') info = {'username':request.user,'ps_data':ps_data} template = 'pstable.html' return render(request,template,{"info":info})
4、pstable.html 在這個html定義好要根據(jù)ip獲取到進程信息后的html代碼
<thead> <tr> <th>user</th> <th>pid</th> <th>cmd</th> </tr> </thead> <tbody> {% for ps in info.ps_data %} <tr> {% for item in ps %} <td>{{ item }}</td> {% endfor %} </tr> {% endfor %} <tbody>
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注億速云行業(yè)資訊頻道,感謝您對億速云的支持。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。