博客摘录「 Django 中数据在前后端传递的方式：表单、JSON、ajax」2024年5月5日

在Django中，数据可以通过多种方式在前端和后端之间传递。以下是三种常见的方式：

1. 使用表单（Form）：

   Django的表单系统可以帮助生成HTML表单，并处理用户输入的数据。

from django import forms
 
class ContactForm(forms.Form):
    name = forms.CharField(max_length=100)
    email = forms.EmailField()
    message = forms.CharField(widget=forms.Textarea)

2. 使用JSON：

   在前后端分离的应用中，前端和后端主要通过JSON格式的数据交换。

import json
 
def some_view(request):
    data = {'key': 'value'}
    return HttpResponse(json.dumps(data), content_type='application/json')

3. 使用AJAX：

   AJAX允许在不刷新页面的情况下更新网页的部分内容。

<button id="ajax_btn">Click me</button>
 
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$("#ajax_btn").click(function(){
    $.ajax({
        url: '/path/to/your/view/',
        type: 'GET',
        success: function(data) {
            console.log(data);
            // 更新页面内容
        }
    });
});
</script>

from django.http import JsonResponse
 
def some_view(request):
    data = {'key': 'value'}
    return JsonResponse(data)

这三种方式是在Web开发中常用的数据传递方式，Django框架为它们提供了很好的支持。