djangoでフォームをAjaxで送信する方法

1年 ago
夏樹, 風
1 minute

AjaxでDjangoフォームを送信するには、以下の手順に従ってください。

  1. $.ajax()
function submitForm() {
// 防止表单默认提交行为
event.preventDefault();
// 获取表单数据
var formData = new FormData($('#myForm')[0]);
// 发送异步请求
$.ajax({
type: 'POST',
url: '/submit-form/',  // 替换为你的Django视图的URL
data: formData,
processData: false,
contentType: false,
success: function(response) {
// 处理成功的响应
console.log(response);
},
error: function(xhr, status, error) {
// 处理错误
console.log(error);
}
});
}
  1. @csrf_exempt を使用せずに
from django.views.decorators.csrf import csrf_exempt
from django.http import JsonResponse
@csrf_exempt
def submit_form(request):
if request.method == 'POST':
# 处理表单数据
# ...
# 返回JSON响应
return JsonResponse({'message': 'Form submitted successfully.'})
  1. urls.py ファイルで、ビュー関数を URL にマッピングします。
from django.urls import path
from .views import submit_form
urlpatterns = [
path('submit-form/', submit_form, name='submit_form'),
]

本件はあくまで参考例ですので、実際の運用時においてはお客様のニーズに合わせて、更なる加工・検証を実施することが必要です。

bannerAds