Diamo a Cesare quel che è di Cesare, anche JQuery ha le sue pecche e dovrebbe imparare qualcosa dalle YUI soprattutto per quanto riguarda il supporto AJAX che in JQuery viene gestito dal modulo AJAX (integrato nel core) e nelle YUI dal componente Connection Manager.
Vediamo come le due librerie permettono di implementare una semplice richiesta AHAH:
-
$.ajax({
-
url: ‘/article/view/1′,
-
type: ‘GET’,
-
-
success: function() {
-
document.getElementById(‘mydiv’).innerHTML = this;
-
},
-
-
error: function() {
-
alert(‘Failed!’);
-
}
-
});
JQuery se la cava con una sintassi estremamente compatta e funzionale a discapito però delle funzionalità. Infatti non abbiamo molto controllo sul tempo di timeout o sul tipo di errore in caso il trasferimento fallisca. Vediamo come se la cava YUI Connection Manager:
-
var tx = YAHOO.util.Connect.asyncRequest(‘GET’, ‘/article/view/1′, {
-
success: function(o) {
-
document.getElementById(‘mydiv’).innerHTML = o.responseText;
-
},
-
-
failure: function(o) {
-
alert(o.statusText);
-
},
-
-
timeout: 5000
-
});
Una sintassi sicuramente più estesa ma che ci offre due vantaggi: impostare il timeout e gestire gli errori di connessione, infatti alla callback failure viene passato un oggetto che permette di sapere se la connessione è andata in timeout o se è stata bloccata dall’applicazione (altra caratteristica disponibile nella YUI ma non in JQuery).
