IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

jQuery 1.5 disponible en version finale
Le framework JavaScript révolutionne ses méthodes asynchrones

Le , par danielhagnoul

56PARTAGES

7  0 
jQuery 1.5 disponible en version finale
Le framework JavaScript révolutionne ses méthodes asynchrones

Introduction de Idelways

L'équipe de développement de JQuery vient d'annoncer la disponibilité en version finale de la version 1.5.

Il s'agit d'une version majeure qui apporte son lot de nouveautés, qui améliore les performances et qui, par l'introduction de la nouvelle l'API Deferred, révolutionne les méthodes asynchrones du populaire framework JavaScript.

Le module Ajax a également subi une réécriture complète. Un grand nombre de lacunes du module ont été corrigées et la cohérence entre les méthodes de l'API améliorée.

Autre nouveauté notable, l'introduction de $.sub() qui crée une nouvelle copie de jQuery dont les propriétés et méthodes peuvent être modifiées sans affecter l'objet jQuery original.

Pour comprendre le fonctionnement et l'utilisation des nouveautés de cette version, lire ci-après, l'étude réalisée en collaboration entre danielhagnoul et gwinyam de la rubrique Développement Web de Développez.com.

Pour tester cette version, il suffit d'inclure un appel au jQuery Code Server dans votre page web :

Code : Sélectionner tout
<script charset="utf-8" src="http://code.jquery.com/jquery-1.5.min.js"></script>
Voir : Comment installer la bibliothèque jQuery ?

@danielhagnoul : Sur une page web, seul l'utilisateur doit décider de l'enchaînement des actions, c'est pourquoi la qualité du code asynchrone d'une bibliothèque JavaScript est primordiale pour offrir au développeur un maximum de possibilités et de performances.

En provenance du vocabulaire de la programmation concurrente, nous parlerons désormais de promesses (Promises) et d'objets différés (Deferred Objets).

L'API Deferred de jQuery est basée sur le concept de promesses qui fournissent une interface générique pour la réalisation d'une action asynchrone.

Les promesses permettent :
  • de traiter séparément les actions entreprises lors d'un appel asynchrone, comme on le ferait pour un appel synchrone,
  • d'appeler une fonction avec les arguments voulus sans s'inquiéter de savoir s'il s'agit d'un appel synchrone ou asynchrone, car les complications générées par l'appel asynchrone sont prises en charge par la promesse.


@gwinyam : Au passage, l’équipe de développement en a profité pour améliorer sérieusement les performances sur les méthodes .children(), .prev() et .next().

Deferred

@gwinyam : jQuery.Deferred est un objet chaînable qui permet d’enregistrer de nombreuses fonctions de type callback, les appeler et transmettre l’information de réussite ou d’échec de toute fonction, qu’elle soit synchrone ou asynchrone.

Un objet Deferred est initialisé dans l’état “non-résolu”. Tout callback ajouté par .then(), .done() ou .fail() sera exécuté ultérieurement.

Appeler la fonction .resolve() ou .resolveWith() passe l’objet Deferred à l’état “résolu” et exécute immédiatement les callbacks définis.

L’appel à la fonction .reject() ou à .rejectWith() passe l’objet à l’état “rejeté” et exécute les callbacks correspondants.

Une fois entré dans un de ces deux états, il y reste.

Des fonctions de callbacks peuvent être ajoutées qui seront alors immédiatement exécutées selon si elles sont ajoutées avec .then(), .done() ou .fail().

Appeler une seconde fois les fonctions .resolve(), .resoleWith(), .reject() ou .rejectWith() n’aura aucun effet et ne provoquera donc pas une seconde exécution des fonctions callbacks liées.

Dans les nombreux cas où l’API de jQuery retourne un objet Deferred, tels que $.ajax() ou $.when, vous n’aurez à utiliser que les fonctions .then(), .done() et .fail() pour ajouter des callbacks à la file du Deferred. L’API interne de jQuery se chargera elle-même d’appeler les fonctions .resolve() et .reject(), exécutant par la même les callbacks appropriés.

L’objet Deferred dispose également de deux autres méthodes permettant le contrôle de son statut et qui renvoient un booléen : .isResolved() et .isRejected(). La première permet de savoir si l’objet est dans l’état “résolu”, la seconde dans l’état “rejeté”.

AJAX

@danielhagnoul : Le module AJAX a subi une réécriture complète, elle permet de corriger un grand nombre de lacunes qui existaient dans l'ancien système Ajax avec un niveau plus élevé de cohérence des méthodes de l'API.

Le premier changement que vous verrez dans le composant AJAX est sans doute la nouvelle signature: $.ajax ([url], [options]). Cette écriture permet de récupérer une URL avec les options par défaut plus facilement. Bien sûr, ce n'est que la pointe de l'iceberg, car $.ajax() a été réécrit entièrement pour fournir de nouvelles fonctionnalités.

$.ajax (ou $.get, $.post, etc) retourne maintenant un objet jXHR qui assure la cohérence de l'objet XMLHttpRequest sur toutes les plateformes et vous permet d'effectuer des tâches précédemment impossibles comme l'abandon de demandes JSONP.

Les objets XHR originaux sont cachés à l'utilisateur au profit d'un nouvel objet spécifiquement jQuery. Cet objet (jXHR) fournit les propriétés et les méthodes pour définir et obtenir des en-têtes, les demandes d'annulation, l'état de la transaction, les réponses au format XML et texte. Mais contrairement à l'objet XHR original, il agit également comme une "promesse" (Promises).

Une "promesse" (promises) permet d'ajouter des fonctions de rappels (callback) pour gérer le succès et l'erreur d'une transaction même après son exécution.

Ajax est maintenant beaucoup plus extensible — ce qui vous permet d'attacher toutes sortes de gestionnaires de données, de filtres et de transports.

$.ajax() dispose de trois moyens d'étendre ses fonctionnalités pour l'envoi, la réception et la gestion des requêtes AJAX:

Prefilters : Généralisé les fonctions de rappels (callback) du type beforeSend pour gérer des options personnalisées ou modifier celles qui existent déjà.

Converters : Généralisé les fonctions de rappels (callback) du type dataFilter que l'on appelle en réponse à un type de données particulier en cours de réception qui diffère de ce qui était attendu.

Transports : Nouveau dans 1.5, ils sont utilisées en interne pour émettre des requêtes par $.ajax()

Ces changements devraient conduire à la création de nouveaux plugins.

$.sub()

@danielhagnoul : $.sub() crée une nouvelle copie de jQuery dont les propriétés et méthodes peuvent être modifiées sans affecter l'objet jQuery original.

Divers

@danielhagnoul : Pour la compression du code, l'équipe a choisi d'abandonner “Google Closure Compiler” au profit de “UglifyJS”.

Cette version corrige 83 bugs et ferme 460 tickets.

Liste des navigateurs compatible avec la suite de tests, 4437 tests, de jQuery 1.5, :
  • Safari 5.0.3 / 4.0.5 / 3.2.3 / 3.1.2
  • Opera 11,01 / 11 / 10,63 / 10,54 / 10,10 / 9,64
  • IE 6 / 7 / 8
  • Firefox 4.0b9 / 3.6.13 / 3.5.11 / 3.0.19 / 2.0.0.20
  • Chrome 8.0.552.215 / 8.0.552.237 / 9.0.597.67 Beta / 10.0.642.2 Dev



Feuille de route (roadmap) :

  • 2011-01-31 : jQuery 1.5 : la version finale.
  • 2011-02-XX : jQuery 1.5.1 : la première version de maintenance.
  • 2011-04-xx : sortie de la feuille de route officielle pour jQuery 1.6


Bibliographie

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de grunk
Modérateur https://www.developpez.com
Le 02/02/2011 à 10:46
Les Deferred object on l'air vraiment sympa notamment associé à when(). Ca va sacrément simplifier le code.

Au niveau de la réecriture du module Ajax , le problème de fuite mémoire à t'il été résolu ?
0  0 
Avatar de gwinyam
Membre chevronné https://www.developpez.com
Le 02/02/2011 à 10:59
Les rédacteurs de la doc officielle ne sont pas trop en accord avec toi, ça ne va pas alléger le code, par contre, pour la gestion des appels/retours, il est clair et net que ça sera beaucoup plus propre et clair.

Pour ce qui est de la fuite mémoire, t'as un numéro de ticket sous la main? Je me souviens vaguement d'une histoire dans ce genre mais j'ai vu passer tellement d'infos, de bugs corrigés ces derniers temps que je suis dans le flou.
0  0 
Avatar de grunk
Modérateur https://www.developpez.com
Le 02/02/2011 à 11:06
Citation Envoyé par gwinyam Voir le message
pour la gestion des appels/retours, il est clair et net que ça sera beaucoup plus propre et clair.
C'est ce que je voulais dire par simplifier le code

Citation Envoyé par gwinyam Voir le message

Pour ce qui est de la fuite mémoire, t'as un numéro de ticket sous la main? Je me souviens vaguement d'une histoire dans ce genre mais j'ai vu passer tellement d'infos, de bugs corrigés ces derniers temps que je suis dans le flou.
J'ai retrouvé un ticket qui abordais le sujet : http://bugs.jquery.com/ticket/6242

Il précise que le code n'existe plus donc que forcément le bug non plus. Reste à voir à l'usage si c'est bien le cas.
0  0 
Avatar de gwinyam
Membre chevronné https://www.developpez.com
Le 02/02/2011 à 14:01
De toute façon, il y aura bien un autre bug un jour ou l'autre. On est bien placés pour savoir qu'il y aura toujours un nouveau bug quelque part.

Pour info, j'ai publié un tuto sur mon site à propos de .sub() : http://www.mathieurobin.com/2011/02/...te-jquery-1-5/

Je le mettrai sur Developpez ce weekend.
0  0 
Avatar de danielhagnoul
Rédacteur https://www.developpez.com
Le 03/02/2011 à 22:43
Bonsoir

AJAX, exemple d'utilisation : http://www.developpez.net/forums/d10...s/#post5756167

Cet exemple contient une remarque importante sur les problèmes causés par : Cross-Origin Resource Sharing
0  0 
Avatar de gwinyam
Membre chevronné https://www.developpez.com
Le 04/02/2011 à 10:51
Bonjour à tous,

J'ai publié ce matin sur mon blog un tuto à propos de Deferred : http://www.mathieurobin.com/2011/02/...te-jquery-1-5/

J'essaierai au possible de le mettre sur Developpez ce weekend en même temps que celui sur .sub().
0  0 
Avatar de danielhagnoul
Rédacteur https://www.developpez.com
Le 04/02/2011 à 13:01
$.sub()

Crée une copie de l'objet jQuery. Les propriétés et les méthodes de la copie peuvent être modifiées sans affecter l'original.

Notez bien que toutes les méthodes de la copie pointent toujours vers l'objet original. La gestion des événements se fait toujours à travers l'original, de même pour la gestion des données (data). Les requêtes Ajax et les événements se dérouleront toujours par l'intermédiaire de l'objet jQuery original.

Il y a deux cas d'utilisation spécifiques pour lesquels $.sub() a été créé :
  • fournir un moyen facile pour modifier les méthodes jQuery sans détruire complètement les méthodes d'origine,
  • donner un moyen pour faciliter l'encapsulation et pour définir un espace de noms pour les plugins jQuery.


On travaille à l'intérieur d'une clôture jQuery.sub().
Voir : Clôturez jQuery !

Exemples d'utilisation de jQuery.sub()
0  0 
Avatar de nico78200
Membre du Club https://www.developpez.com
Le 05/02/2011 à 19:00
Pour la partie sur la méthode ajax(), pensez vous que mon problème pour poster un array soit lié?

Voir ici:

http://www.developpez.net/forums/d10...eys-variables/

Nico
0  0 
Avatar de gtraxx
Membre confirmé https://www.developpez.com
Le 06/02/2011 à 16:36
sa à l'air vraiment bien mais les anciens scripts (surtout JSON) de la version 1.4.4 ne tourne plus chez moi.
En plus pas moyen de savoir pourquoi, y a-t-il des changements à faire lors d'une simple requête json sous cette version ?
Je vais ouvrir un thread pour l'occasion
Une fois le problème résolu j'adapterai alors avec les nouvelles fonctionnalités
0  0 
Avatar de gwinyam
Membre chevronné https://www.developpez.com
Le 06/02/2011 à 18:24
Une requête JSON? Du genre getJson? Comme dit précédemment, tout le module Ajax a été revu pour amélioration de performances, amélioration de la gestion des retours etc...
0  0