使用Ajax與Django通信實例

我的開發環境

• Django 1.11.4

• Python 3.5.1

• Jquery 1.11.2

簡單需求描述

網頁中一個表格，點擊啟動按鈕後，伺服器執行啟動動作，並且執行後需要根據返回碼更新界面。這是一個典型的Ajax需求，我們使用Jquery庫一步一步實現這個過程。

下面記錄使用過程步驟1. Html中定義一個button按鈕

在Django的Template文件中，定義一個id為btn_start_task的button，並且該Button在Form標籤中。

步驟2. Url路由設置

設置完前端後，我們創建一個路由，將url路徑與view函數對應，同時起個名字，這個名字在Ajax函數中可以用 url: 『{% url 「StartEvalTask」 %}』, 也可以用url: 『/ajax/start_eval_task/『引用

步驟3. 使用Jquery掛接Button的click函數

task_id取自button中的value作為參數，這個函數的意思是，一旦點擊按鈕，就調用url對應的函數，並且傳遞參數data過去，類型為Json。如果順利執行完，會彈框提醒執行完畢。

注1. JSON.stringify函數作用是將Javascript對象轉換為JSON字元串。

步驟4. View中執行函數的定義

通過Ajax傳遞過來的數據，需要用json.loads去獲取，注意返回值是字典。

框架就是這樣，可以根據實際需求，繼續擴展。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！