Ajax上传数据与文件与后端Django数据接收——两端引渡数据协议

最新推荐文章于 2023-12-21 09:56:19 发布

原创

最新推荐文章于 2023-12-21 09:56:19 发布 · 852 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了使用Ajax上传数据和文件到后端Django的过程，包括前端构建表单、获取表单数据、发送Ajax请求，以及后端如何接收和处理这些数据。在前端，重点在于处理文件和数据的组合，以及解决CSRF问题；后端主要涉及数据和文件的接收及存储。

Ajax上传数据与文件与后端Django数据接收——两端引渡数据协议

日前前言

这两天做管理台，重写了前端后端所有关于管理的页面、功能。每一个管理卡片都通过jq的load()方法异步加载。这样的方式极大的节省了管理台的资源加载过程和时间。

但同时也引出了一些问题，当我想提交POST表单的时候，不能直接加入在html结构中直接加入{% csrf_token %}进行后端验证，这个时候，ajax便又登场了，但由于前端发送的数据和后端接收的数据始终不同—_—!!就跟标题一样，漫长的引渡过程，耗了我整整一天的时间才解决，接下来将详细描述踩坑过程
在这里插入图片描述

一、前端——把表单的架子画出来

在这里插入图片描述

<link rel="stylesheet" href="articlesImportMD.min.css">
<form class="g-body-importMD" action='#' enctype="multipart/form-data" method="post">
	<h2>导入MD</h2>

	<div><h3>分类选择:</h3></div>
	<div><input type="checkbox" name='category' value='2' id='s-category'>Python</div>
	<div><input type="checkbox" name='category' value='3' id='s-category'>Django</div>
	<div><input type="checkbox" name='category' value='4' id='s-category'>JavaScript</div>
	<div><input type="checkbox" name='category' value='5' id='s-category'>Css</div>
	<div><input type="checkbox" name='category' value='6' id='s-category'>Linux</div>
	<div><input type="checkbox" name='category' value='7' id='s-category'>安全</div>
	<div><input type="checkbox" n

最低0.47元/天解锁文章