Modifier à la volée les données envoyées avec jquery via ajax

Question

J'utilise le jQuery.ajax() avec certains spécifiques data. L'un d'eux est un albumid qui est généré côté serveur si l'utilisateur choisit de ne pas utiliser un de ses albums. Le problème est que si un utilisateur ajoute plusieurs photos à un nouvel album, alors, au lieu d'ajouter toutes les photos au même album, il crée plusieurs albums avec une photo dans chaque album.

Ce qui travaille actuellement:

• mise à jour d'un album (en utilisant un utilisateur a déjà)
• créer un nouvel album
• Renvoyez le nouvel identifiant album

J'ai essayé pour mettre à jour le champ du nom de l'album en fonction du nouvel identifiant de l'album renvoyé sur l'événement success, en pensant que dans l'appel ajax suivant, l'attribut data: ({ 'albumid': album.val())} serait alors le nouvel album i d, mais il continue d'utiliser l'ancienne valeur.

Je sais que ce problème peut être résolu en utilisant async: false, car dans ce cas, chaque appel ajax utilisera la valeur mise à jour dans le champ du nom de l'album, mais il gèle totalement le navigateur.

Avez-vous des astuces/suggestions pour ce problème?

Cheers,
Nicolas.

Answer 1

On dirait que vous avez une condition de concurrence. Sans voir le code, c'est difficile à dire, mais album.val() est probablement défini une fois quand le code est analysé et non évalué pendant le gestionnaire de succès.

Vous pouvez toujours utiliser les appels aync, mais vous devez les effectuer en série. C'est ce qu'on appelle un modèle d'objet actif. Configurez un tableau contenant les appels ajax et appelez-en un. Chacun a, dans le gestionnaire de succès, un appel pour déclencher le suivant.

Answer 2

Vous devez utiliser la nouvelle valeur album.val() ne semble pas être réévalué avec la nouvelle valeur.

Il devrait être assez facile avec jquery pour récupérer la nouvelle valeur de l'album de $ ("# hiddenId"). Val()

Considérant que l'extrait id est stocké dans un champ caché créé de la requête ajax.