django: request.POST.get() returns NoneType

Question

我是从一个html表单获得的数据工作。

我目前无法捕获服务器端的数据。每次输入都会返回nontype "在服务器上。

我觉得我尝试了所有我能在这里找到的东西，特别是在html表单中将id更改为name，没有任何效果。

到目前为止我得到的是:

views.py:

def quadriatransport_simulationView(request):
return render(request, "simulation.html")

@csrf_exempt
def compute(request):
destination = request.POST.get("destination")
nombre_de_palettes = request.POST.get("nombre_de_palettes")
poids_par_palette = request.POST.get("poids_par_palette")
Optimisation_prix = request.POST.get("Optimisation_prix")
Optimisation_delai = request.POST.get("Optimisation_delai")
result = {"destination":destination}
print(result)

return JsonResponse({"operation_result": result})

results返回一个字典，其中destination为None

现在这是我在网页上所做的

<form method="POST">
{% csrf_token %}
<label><h3>Input variables to calculate EOQ:</h3></label>
<br>
<br>

<span>Destination (departement) <input type="text" id="destination">
<br>
<br>
<span>Nombre de palettes <input type="text" id="nombre_de_palettes">
<br>
<br>
<span>Poids par palette <input type="text" id="poids_par_palette">
<br>
<br>
<span>Optimiser prix <input type="checkbox" id="Optimisation_prix">
<br>
<br>
<span>Optimiser délai de livraion <input type="checkbox" id="Optimisation_delai">
<br>


<input id="ajax-call" type="submit" value="Simuler">
</form>
<p id="ajax"></p>

这是我的js脚本里面的网页

<script>
document.querySelector("#ajax-call").addEventListener("click", event => {
event.preventDefault();
let formData = new FormData();
formData.append('destination', document.querySelector("#destination").value);
formData.append('nombre_de_palettes', document.querySelector("#nombre_de_palettes").value);
formData.append('poids_par_palette', document.querySelector("#poids_par_palette").value);
formData.append('Optimisation_prix', document.querySelector("#Optimisation_prix").value);
formData.append('Optimisation_delai', document.querySelector("#Optimisation_delai").value);

let csrfTokenValue = document.querySelector('[name=csrfmiddlewaretoken]').value;
const request = new Request('{% url "compute" %}', {
method: 'POST',
body: formData,
headers: {'X-CSRFToken': csrfTokenValue}
});
fetch(request)
.then(response => response.json())
.then(result => {
const resultElement = document.querySelector("#ajax");
resultElement.innerHTML = result["operation_result"];
})
})
</script>

不知道这是什么问题，我已经成功地使用了相同的结构为其他项目，它的工作。我已经纠结了好几个小时，看不清楚了。希望有人能看到我搞砸了!

Answer 1

您在formData中拼错了destination

formData.append('destination', document.querySelector("#destination").value);