Actualmente me encuentro en una situación en la que necesito obtener datos de un objeto Promise para actualizar mi vista a través de Vue. Sin embargo, parece que no puedo obtener los datos de este objeto de promesa. ¿Alguien sabe cómo puedo hacerlo para acceder a los datos de JSONresponse.

Tenga en cuenta que hice una solicitud POST para crear un nuevo 'módulo' y ahora necesito esos valores para actualizar mi vista.

Por favor, encuentre a continuación:

 async createModule() { let response = await fetch('create_module', { method: 'POST', // Method itself headers: { "contentType": "application/json", "X-CSRFToken": document.querySelector("[name=csrfmiddlewaretoken]").value, }, body: JSON.stringify({ code: document.getElementById('code').value, module_name: document.getElementById('module_name').value, max_students: document.getElementById('max_students').value, start_date: document.getElementById('start_date').value, }) // We send data in JSON format }); if (response.ok) { // module was created //this.modules.push(data); console.log(response.json()); // HERE IS WHERE I AM TRYING TO ACCESS ALL THE VALUES FROM THE RESPONSE } else { alert("failed to create module"); } }

Mi API:

 def create_module(request): """API for creating a module""" if request.method == "POST": PUT = json.loads(request.body) module = Module(module_name=PUT['module_name'], code=PUT['code'], max_students=PUT['max_students'], start_date=PUT['start_date']) module.save() return JsonResponse({'module_name': PUT['module_name'], 'code': PUT['code'], 'max_students': PUT['max_students'], 'start_date': PUT['start_date']}) return HttpResponseBadRequest("Invalid method")

Gracias por tu tiempo.