I encountered a problem while attempting to update an element from my form. Here is the code snippet:
<script setup>
const updateSupply = async () => {
console.log("Test");
errors.value = ""
try {
await axios.put("http://127.0.0.1:49146/" + "supply");
} catch (e) {
if (e.response.status === 422) {
for (const key in e.response.data.errors) {
errors.value = e.response.data.errors
}
}
}
};
const { destroySupply, updateSupply, updateClick } = useSupply();
const saveSupply = async () => {
// console.log("Test");
await updateSupply();
// supply_id:this.supply_id,
};
</script>
<template>
<!-- Modal -->
<CardBoxModal_JTO
v-model="updateModalActive"
title="Update supply"
has-close
>
<form @submit.prevent="saveSupply">
<CardBox>
<FormField label="Noms & Email">
<FormControl
id="supply_name"
v-model="form.supply_name"
name="supply_name"
:icon="mdiAccount"
placeholder="name supply"
required
/>
<FormControl
id="supply_email"
v-model="form.supply_email"
name="supply_email"
type="email"
:icon="mdiMail"
placeholder="Email supply"
required
/>
</FormField>
<!-- Buttons footer -->
<BaseButtons class="flex justify-center">
<BaseButton
class="mr-2"
type="submit"
color="jt_orders"
label="Update"
/>
<BaseButton
class="ml-2"
type="reset"
color="danger"
outline
label="Cancel"
/>
</BaseButtons>
</CardBox>
</form>
</CardBoxModal_JTO>
</template>
Here is the Django code snippet:
# SupplyApi
@csrf_exempt
def supplyApi(request,id=0):
if request.method=='GET':
supplies = Supplies.objects.all()
supplies_serializer = SupplySerializer(supplies,many=True)
return JsonResponse(supplies_serializer.data,safe=False)
elif request.method == 'POST':
supply_data = JSONParser().parse(request)
supplies_serializer = SupplySerializer(data=supply_data)
if supplies_serializer.is_valid():
supplies_serializer.save()
return JsonResponse("Added Successfully",safe=False)
return JsonResponse("Failed to Add",safe=False)
elif request.method =='PUT':
supply_data = JSONParser().parse(request)
supply = Supplies.objects.get(supply_id=supply_data['supply_id'])
supplies_serializer = SupplySerializer(supply,data=supply_data)
if supplies_serializer.is_valid():
supplies_serializer.save()
return JsonResponse("Updated Successfully",safe=False)
return JsonResponse("Failed to Update")
elif request.method == 'DELETE':
supply = Supplies.objects.get(supply_id=id)
supply.delete()
return JsonResponse("Deleted Successfully",safe=False)
After triggering the update action, I encounter the error
[HTTP/1.1 500 Internal Server Error 527ms]Internal Server Error: /supply
...
JSON parse error - Expecting value: line 1 column 1 (char 0)
All functions as expected with my storeSupply function which operates correctly.
<script>
const storeSupply = async (data) => {
errors.value = ""
try {
await axios.post("http://127.0.0.1:49146/" + "supply", data);
} ...
}
</script>
Seeking advice on what may be causing this issue. Thank you in advance for your assistance.