| At line 49 added 82 lines |
|
|
| ---- |
|
| Prototype c'entra con AJAX perchè fornisce delle API specifiche per wrappare l'XMLHttpRequest. |
| Quello che intendevo è che alcuni tool che in rete sono "taggati" sotto il nome di framework AJAX sono in realtà delle librerie di componenti che in alcuni casi usano chiamate asincrone javascript, ma che hanno come scopo principale la creazione di applicazioni RIA e di effetti grafici "fighi". AJAX, quindi, se c'è è nascosto "dietro" il componente: in questo senso dico che AJAX c'entra poco, almeno per il senso che credo avesse la domanda. |
| Possiamo aprire una discussione su questi toolkit e in particolare su GWT, in un altra domanda. |
| Per rendere la discussione più concreta e non rimanere su link e nomi, vi posto un esempio di uso di Prototype per AJAX dalla nostra applicazione: |
| %%prettify |
| {{{ |
|
| return new Ajax.Request(contextRoot+'/index.html', |
| { |
| parameters: {azione: 'noteOrdine', codiceOrdine: '001_'+codice}, |
| onSuccess: function(transport){ |
| showDivDetails(element, codice,transport.responseText ,contextRoot); |
| }, |
| onFailure: function(transport){ |
| alert("Si è verificato un problema nella ricerca dell'ordine: "+codice); |
| } |
| }); |
| }}} |
| /% |
| Notate che è una anonymous inner class e il formato JSON. |
|
|
| E vi posto anche un esempio di chiamata ajax semplice che ho trovato sul web: |
| %%prettify |
| {{{ |
|
| var req; |
|
| function loadXMLDoc(url) { |
| req = false; |
| // branch for native XMLHttpRequest object |
| if(window.XMLHttpRequest && !(window.ActiveXObject)) { |
| try { |
| req = new XMLHttpRequest(); |
| } catch(e) { |
| req = false; |
| } |
| // branch for IE/Windows ActiveX version |
| } else if(window.ActiveXObject) { |
| try { |
| req = new ActiveXObject("Msxml2.XMLHTTP"); |
| } catch(e) { |
| try { |
| req = new ActiveXObject("Microsoft.XMLHTTP"); |
| } catch(e) { |
| req = false; |
| } |
| } |
| } |
| |
| if(req){ |
| req.onreadystatechange = processReqChange; |
| req.open("GET", url, true); |
| req.send(""); |
| } |
| } |
|
| }}} |
| /% |
|
| Mentre la parte "solo ajax" è molto semplice: |
|
| %%prettify |
| {{{ |
| req = new XMLHttpRequest(); |
| req.onreadystatechange = processReqChange; |
| req.open("GET", url, true); |
| req.send(""); |
| }}} |
| /% |
|
| Ma c'è tutta una gestione di eccezioni ed errori che non è banale, e sencondo me non compre nemmeno tutti i casi. |
| Oltre alla classe Ajax.Request, prototype fornisce anche API per registrare eventi e per chiamate temporizzate, che non sono semplici da realizzare in javascript "puro". |
|
|
|
|
| --m.sanfilippo, 11-Dec-2008 11:20 |