首先，我們需要在前端頁面中引入jQuery庫來方便地使用Ajax函數。我們可以在HTML文件的`head`標簽中添加如下代碼：
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
接下來，我們可以在前端頁面的JavaScript代碼中編寫一個函數來處理用戶在頁面上創建待辦事項的操作。當用戶點擊"保存"按鈕時，我們將調用這個函數：
function saveTodo() {
var todoText = $("#todo-input").val(); // 獲取用戶在輸入框中輸入的待辦事項文本
$.ajax({
url: "/save_todo/", // 后端處理數據的URL
type: "POST", // 使用POST方法發送數據
data: {
todo_text: todoText // 待辦事項文本作為參數傳遞給后端
},
success: function(response) {
// 后端成功保存待辦事項后的回調函數
alert("待辦事項保存成功！");
},
error: function(xhr, errmsg, err) {
// 后端保存待辦事項失敗后的回調函數
alert("保存失敗，請重試。");
}
});
}在這段代碼中，我們首先使用`$("#todo-input").val()`獲取用戶在輸入框中輸入的待辦事項文本。然后，我們使用`$.ajax()`函數發起一個POST請求，將待辦事項文本作為參數傳遞給后端的`/save_todo/`URL。在成功保存待辦事項后，我們在`success`回調函數中彈出一個成功消息。如果保存失敗，則在`error`回調函數中彈出一個錯誤消息。
接下來，我們需要在Django的后端代碼中定義一個視圖來接收并處理從前端傳遞過來的數據。我們可以在`views.py`文件中編寫如下代碼：
from django.shortcuts import render
from django.http import JsonResponse
def save_todo(request):
if request.method == "POST":
todo_text = request.POST.get("todo_text") # 獲取前端傳遞的待辦事項文本
# 在此處使用Django的ORM將待辦事項保存到數據庫中
# ...
return JsonResponse({"status": "success"})
else:
return JsonResponse({"status": "error", "error_msg": "Invalid request method."})在這段代碼中，我們首先導入了所需的庫和模塊。然后，我們定義了一個名為`save_todo`的視圖函數，它接收一個名為`request`的參數。當請求方法為POST時，我們使用`request.POST.get("todo_text")`來獲取前端傳遞過來的待辦事項文本。在此處，你可以根據實際需求使用Django的ORM將待辦事項保存到數據庫中。最后，我們使用`JsonResponse`函數返回一個JSON對象作為響應，其中包含一個"status"字段表示保存狀態。
最后，我們需要在Django的URL配置文件中將前端頁面的URL和后端視圖函數的URL進行關聯。我們可以在`urls.py`文件中添加如下代碼：
from django.urls import path
from .views import save_todo
urlpatterns = [
path('save_todo/', save_todo, name='save_todo'),
]在這段代碼中，我們使用`path`函數將"/save_todo/"URL與`save_todo`視圖函數進行關聯。通過這樣的配置，當我們在前端頁面中調用Ajax函數時，請求將被發送到`/save_todo/`URL，并由`save_todo`視圖函數進行處理。
通過以上步驟，我們成功地使用Ajax將用戶在前端頁面上創建的待辦事項傳值給Django的后端，并被保存到后端數據庫中。這是一個簡單的例子，但它展示了使用Ajax傳值給Django的基本原理。
總結一下，我們可以通過在前端頁面中使用jQuery的Ajax函數，將數據傳遞給Django的后端視圖函數。在后端，我們可以通過Django的請求對象獲取前端傳遞過來的數據，并進行相應的處理。這種方式能夠實現前后端的無刷新交互，為我們的Web應用帶來更好的用戶體驗。