Estoy trabajando en un tipo de red de proyecto Django. Tengo un código JS en el que con un fetch-PUT actualizo mi base de datos y puedo verificar desde el archivo que está actualizado.
function update_like(identity) { fetch('/like',{ method: 'PUT', body: JSON.stringify({ id: identity, }) }, show(identity) ) };Y luego con un fetch-GET trato de recuperar los datos
function show(identity) { fetch('/like', { headers: { 'Cache-Control': 'no-cache' } }) .then(response => response.json()) .then(likedic => { console.log(likedic); if (likedic[identity]){ document.getElementById(`arithmos${identity}`).innerHTML = ` ${likedic[identity].length}`; } else { document.getElementById(`arithmos${identity}`).innerHTML =' 0'; } }); }la cuestión es que, cada vez, muestra los datos de la base de datos actualizada anterior.
Quiero decir, la primera vez que ejecuto la función update_like, la función show muestra la base de datos como estaba antes de que se ejecute la función update_like. Pero puedo ver en el archivo que db está actualizado.
La segunda vez que ejecuto la función update_like, la función show muestra la base de datos como debería ser la primera vez, incluso si puedo ver nuevamente en el archivo que la base de datos está actualizada, etc.
Supongo que no tiene tiempo suficiente para leer la base de datos de actualización. He intentado tantas cosas pero no puedo hacer que funcione. Debajo está mi función de python
def like(request): likedic = {} if request.method == 'GET': allcomments = Like.objects.all() for i in range(len(allcomments)): if allcomments[i].comment.id not in likedic.keys(): likedic[allcomments[i].comment.id] = [] likedic[allcomments[i].comment.id].append(allcomments[i].user.username) print('likedic',likedic) else: likedic[allcomments[i].comment.id].append(allcomments[i].user.username) return JsonResponse(likedic, safe=False) elif request.method == "PUT": data = json.loads(request.body) Likes = Like.objects.filter(comment = Comment.objects.get(id = data['id']), user = User.objects.get(username = request.user.username)) if Likes: Likes.delete() else: Likes = Like(comment = Comment.objects.get(id = data['id']), user = User.objects.get(username = request.user.username)) Likes.save() return HttpResponse(status=204) # Email must be via GET or PUT else: return JsonResponse({ "error": "GET or PUT request required." }, status=400)Realmente apreciaría algunos consejos. Muchas gracias de antemano.
Utilice funciones asíncronas en lugar de funciones normales y espere a que se complete la primera función antes de realizar la segunda. Por ejemplo, convierta update_like en una función asíncrona.
Más tarde, llame a show solo después de esperar update_like :
// `await` must be used within an async fucntion // So, I'll use await inside this immediately invoked function: (async function() { let identity = "someIdentity"; await update_like(identity); // Waits until update is complete return show(identity); })();¡Finalmente encontré una solución! Agregué una función setTimeout antes de llamar a la función show. ¡Configuré 0.05 segundos y funciona! No sé si esta es la forma correcta o la mejor de hacerlo, ¡pero finalmente funciona!
function update_like(identity) { fetch('/like',{ method: 'PUT', body: JSON.stringify({ id: identity, }) }, setTimeout(() => { show(identity); }, 50) ) };