快捷導(dǎo)航

django+js+ajax實(shí)現(xiàn)刷新頁(yè)面的方法

更新時(shí)間：2017年05月22日 11:14:41 作者：erlang_hell

這篇文章主要介紹了django+js+ajax實(shí)現(xiàn)刷新頁(yè)面的方法,結(jié)合實(shí)例形式分析了django實(shí)現(xiàn)ajax刷新頁(yè)面功能的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了django+js+ajax實(shí)現(xiàn)刷新頁(yè)面的方法。分享給大家供大家參考，具體如下：

在服務(wù)器開(kāi)發(fā)的時(shí)候，為了方便將服務(wù)器對(duì)外開(kāi)一個(gè)接口來(lái)操作，可以使用django制作網(wǎng)頁(yè)，通過(guò)頁(yè)面來(lái)操作服務(wù)器。這樣可以將服務(wù)器的維護(hù)工作暴漏在更加友好的界面操作，而非通過(guò)SecureCRT去敲指令。而且還能提供給策劃運(yùn)維人員來(lái)處理一些常規(guī)的事情。

這里將會(huì)講解一個(gè)非常小的知識(shí)點(diǎn)：

① js如何發(fā)起一次請(qǐng)求
② django如何響應(yīng)請(qǐng)求
③ js接收到響應(yīng)如何區(qū)域刷新頁(yè)面

js部分

我們先在html中定義一個(gè)button，并且將id設(shè)置成btnTerminalSvr。定義一個(gè)反饋的靜態(tài)標(biāo)題ntfText

<h2 id="ntfText" >就緒</h2></br>
<button type="button" class="btn btn-success" id="btnTerminalSvr">關(guān)閉服務(wù)器</button>

編寫(xiě)js來(lái)響應(yīng)這個(gè)button的事件

<script type="text/javascript">
 $('#btnTerminalSvr').on('click', function () {
    alert('嘿，我聽(tīng)說(shuō)您點(diǎn)擊了按鈕...' );
    ...
  });
</script>

完善一次ajax請(qǐng)求的請(qǐng)求調(diào)用，以及回調(diào)之后的處理：

<script type="text/javascript">
 $("#btnTerminalSvr").click(function(){
     $.ajax({
        url: './terminal_svr',
        type: 'POST',
        data: {},
        dataType: 'json',
        timeout: 10000,
        success: function(result) {
        if ( result.result == "post_success" ) {
          $("#ntfText").html("發(fā)起成功");
        }else {
          $("#ntfText").html("重復(fù)發(fā)起了");
        }
        }
       });
  });
</script>

在這里我們能在data里面填寫(xiě)一些json格式的數(shù)據(jù)結(jié)構(gòu)，這樣就能附帶一些消息提供給服務(wù)器做調(diào)用。當(dāng)調(diào)用成功之后他將會(huì)回調(diào)function(result)。這種寫(xiě)法是js的異步慣用寫(xiě)法，當(dāng)服務(wù)器做出相應(yīng)之后也我們能通過(guò)jQuery框架直接去修改id=ntfText部分的html字符串了。

django部分

第一步：我們先定義django的url相應(yīng)的映射

url(r'^terminal_svr', views.terminal_svr,name='terminal_svr'),

第二步：在views.py中實(shí)現(xiàn)這個(gè)處理函數(shù)

from django.views.decorators.csrf import csrf_exempt
@csrf_exempt
def terminal_svr(request):
  # 這里利用了django自身的登陸驗(yàn)證系統(tǒng)
  if not request.user.is_authenticated():
    return HttpResponseRedirect(request.META.get('HTTP_REFERER', '/admin/'))
  doSomething to terminal svr
  a = {}
  a["result"] = "post_success"
  return HttpResponse(json.dumps(a), content_type='application/json')

這塊就比較簡(jiǎn)單了，我們可以讀取request中的json傳過(guò)來(lái)的信息，并且當(dāng)操作成功后通過(guò)json串返回一個(gè)字串給前段來(lái)判斷是否操作成功。

更多關(guān)于Python相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《Python入門與進(jìn)階經(jīng)典教程》、《Python編碼操作技巧總結(jié)》、《Python圖片操作技巧總結(jié)》、《Python數(shù)據(jù)結(jié)構(gòu)與算法教程》、《Python Socket編程技巧總結(jié)》、《Python函數(shù)使用技巧總結(jié)》、《Python字符串操作技巧匯總》及《Python文件與目錄操作技巧匯總》

希望本文所述對(duì)大家Python程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: