NF3 - JQUERY-AJAX - Historial de revisió

Jnoguera: /* $.ajax() */

2015-04-05T16:40:01Z

‎$.ajax()

Jnoguera: /* Altres mètodes */

2015-04-03T18:25:32Z

‎Altres mètodes

Jnoguera: /* Altres mètodes */

2015-04-03T18:24:47Z

‎Altres mètodes

Jnoguera: /* Altres mètodes */

2015-04-03T18:24:18Z

‎Altres mètodes

Jnoguera: /* Altres mètodes */

2015-04-03T18:23:15Z

‎Altres mètodes

Jnoguera: /* Altres mètodes */

2015-04-03T18:22:30Z

‎Altres mètodes

Jnoguera: /* $.ajax() */

2015-03-30T21:59:04Z

‎$.ajax()

Jnoguera: /* $.ajax() */

2015-03-30T21:57:44Z

‎$.ajax()

Jnoguera: /* $.ajax() */

2015-03-30T21:56:57Z

‎$.ajax()

Jnoguera: /* $.ajax() */

2015-03-30T21:55:16Z

‎$.ajax()

@@ Línia 12: / Línia 12: @@
 El mètode $.ajax és configurat a través d'un objecte, el qual conté totes les instruccions que necessita jQuery per completar la petició. Aquest mètode és particularment útil a causa que ofereix la possibilitat d'especificar accions en cas que la petició hagi fallat o no. A més, en estar configurat a través d'un objecte, és possible definir les seves propietats de forma separada, fent que sigui més fàcil la reutilització del codi. Pot visitar http://api.jquery.com/jquery.ajax/ per consultar la documentació sobre les opcions disponibles en el mètode.
 Exemple:
-<pre>
+<source lang="java">
 $.ajax({
          // la URL de la petició
@@ Línia 48: / Línia 48: @@
+         }
      });
-</pre>
+</source>
 El mètode $.ajax posseeix moltes '''opcions de configuració''', i és justament aquesta característica la que fa que sigui un mètode molt útil. Per a una llista completa de les opcions disponibles, pot consultar http://api.jquery.com/jquery.ajax/; a continuació es mostren les més comunes:
 {|border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; font-size: 95%;"

@@ Línia 164: / Línia 164: @@
 Realitza una petició GET a una URL proveïda i espera que una dada JSON sigui retornat.
-             '''$.getJSON([url], [parámetros], [funció que rep les dades])'''
+             '''$.getJSON([url], [parámetres], [funció que rep les dades])'''
 Els mètodes han de tenir els següents arguments, en ordre:
@@ Línia 171: / Línia 171: @@
 La URL on es realitzarà la petició. El seu valor és obligatori.
-*data
+*parámetres
 La informació que s'enviarà al servidor. El seu valor és opcional i pot ser tant un objecte com una cadena de dades (com foo=bar&baz=bim).

@@ Línia 161: / Línia 161: @@
 *'''$.getJSON'''
 Realitza una petició GET a una URL proveïda i espera que una dada JSON sigui retornat.
 Els mètodes han de tenir els següents arguments, en ordre:
@@ Línia 179: / Línia 182: @@
 El tipus de dada que s'espera rebre des del servidor. El seu valor és opcional.
-'''$.getJSON([url], [parámetros], [funció que rep les dades])'''
 Nota

@@ Línia 179: / Línia 179: @@
 El tipus de dada que s'espera rebre des del servidor. El seu valor és opcional.
-'''$.getJSON([url], [parámetros], [funció que reb les dades])'''
+'''$.getJSON([url], [parámetros], [funció que rep les dades])'''
 Nota
@@ Línia 194: / Línia 194: @@
+}
-function llegadaDatos(datos)    //funció que reb les dades
+function llegadaDatos(datos)    //funció que rep les dades
+{
   $("#resultados").html("Nombre:"+datos.nombre+

@@ Línia 89: / Línia 89: @@
 === Altres mètodes ===
 Els mètodes que proveeix la biblioteca són:
-*$.get
+*'''$.get'''
 Realitza una petició GET a una URL proveïda.
@@ Línia 115: / Línia 115: @@
 </source>
-*$.post
+*'''$.post'''
 Realitza una petició POST a una URL proveïda.
@@ Línia 143: / Línia 143: @@
 </source>
-*$.getScript
+*'''$.getScript'''
 Afegeix un script a la pàgina.
@@ Línia 160: / Línia 160: @@
 </source>
-*$.getJSON
+*'''$.getJSON'''
 Realitza una petició GET a una URL proveïda i espera que una dada JSON sigui retornat.
@@ Línia 179: / Línia 179: @@
 El tipus de dada que s'espera rebre des del servidor. El seu valor és opcional.
-$.getJSON([url], [parámetros], [funció que reb les dades])
+'''$.getJSON([url], [parámetros], [funció que reb les dades])'''
 Nota

@@ Línia 178: / Línia 178: @@
 *data type
 El tipus de dada que s'espera rebre des del servidor. El seu valor és opcional.
 Nota
@@ Línia 183: / Línia 185: @@
 Aquesta opció és solament aplicable per a mètodes en què no està especificat el tipus de dada en el nom del mateix mètode.
 Exemples:
-<pre>
+<source lang="java">
+function llegadaDatos(datos)    //funció que reb les dades
-$.getJSON('/details.php', function(resp) {
-        $.each(resp, function(k, v) {
+ $("#resultados").html("Nombre:"+datos.nombre+
-        console.log(k + ' : ' + v);
+                       "<br>"+"Apellido:"+
-        });
+                       datos.apellido+"<br>"+
-});
+                       "Direccion:"+datos.direccion);
-</pre>
 === $.load() ===

@@ Línia 55: / Línia 55: @@
 |-
 | async || Estableix si la petició serà asíncrona o no. De forma predeterminada el valor és true. Ha de tenir en compte que si l'opció s'estableix en false, la petició bloquejarà l'execució d'altres codis fins que aquesta petició hagi finalitzat.
 |-
 | cache || Estableix si la petició serà guardada en la cache del navegador. De forma predeterminada és true para tots els dataType excepte para “script” i “jsonp”. Quan posseeix el valor false, s'agrega una cadena de caràcters anti-cache al final de la URL de la petició.

@@ Línia 65: / Línia 65: @@
 |-
 | dataType || una cadena de caracteres que especifica el formato de los datos que se enviarán por el servidor (xml, html, json o script). Si no se especifica nada, jQuery usa el tipo MIME para determinar el formato adecuado: responseXML o ResponseText . Los tipos disponibles son:
-" ''xml'' ": devuelve un documento XML que podrá tratarse con jQuery.
+*xml: devuelve un documento XML que podrá tratarse con jQuery.
-" ''html'' ": devuelve código Html en formato texto.
+*html: devuelve código Html en formato texto.
-" ''script'' ": evalúa la respuesta en JavaScript y la devuelve en formato texto.
+*script: evalúa la respuesta en JavaScript y la devuelve en formato texto.
-" ''json'' ": evalúa la respuesta en JSON y devuelve un objeto JavaScript.
+*json: evalúa la respuesta en JSON y devuelve un objeto JavaScript.
 |-
 | error || Estableix una funció de devolució de trucada (CALLBACK) a executar si resulta algun error en la petició. Aquesta funció rep com a arguments l'objecte jqXHR (en versions anteriors o iguals a jQuery 1.4, rep en el seu lloc l'objecte de la petició en cru XMLHTTPRequest), un text especificant l'estatus de la mateixa petició (timeout, error, abort, o parsererror) i un text amb la descripció de l'error que hagi enviat el servidor (per exemple Not Found o Internal Server Error).

@@ Línia 64: / Línia 64: @@
 | data  || Estableix la informació que s'enviarà al servidor. Aquesta pot ser tant un objecte com una cadena de dades (per exemple foo=bar&baz=bim.)
 |-
-| dataType || Estableix el tipus d'informació que s'espera rebre com a resposta del servidor. Si no s'especifica cap valor, de forma predeterminada, jQuery revisa el tipus MIME que posseeix la resposta.
+| dataType || una cadena de caracteres que especifica el formato de los datos que se enviarán por el servidor (xml, html, json o script). Si no se especifica nada, jQuery usa el tipo MIME para determinar el formato adecuado: responseXML o ResponseText . Los tipos disponibles son:
 |-
 | error || Estableix una funció de devolució de trucada (CALLBACK) a executar si resulta algun error en la petició. Aquesta funció rep com a arguments l'objecte jqXHR (en versions anteriors o iguals a jQuery 1.4, rep en el seu lloc l'objecte de la petició en cru XMLHTTPRequest), un text especificant l'estatus de la mateixa petició (timeout, error, abort, o parsererror) i un text amb la descripció de l'error que hagi enviat el servidor (per exemple Not Found o Internal Server Error).

@@ Línia 76: / Línia 76: @@
 | traditional || Si el seu valor és true, s'utilitza l'estil de serialización de dades utilitzat abans de jQuery 1.4. Per a més detalls pot visitar http://api.jquery.com/jquery.param/.
 |-
-|type || De forma predeterminada el seu valor és “GET”. Altres tipus de peticions també poden ser utilitzades (com PUT i DELETE), no obstant això poden no estar suportats per tots els navegadors.
+|type || una cadena de caràcters que defineix el mètode HTTP que es va a utilitzar per la consulta (GET o POST). El valor per defecte és GET. Es poden usar altres mètodes d'enviament HTTP, com PUT o DELETE, però no estan suportats per tots els navegadors.
 |-
 |url || Estableix la URL on es realitza la petició. L'opció url és obligatòria per al mètode $.ajax;
 |}
 === Altres mètodes ===
 Els mètodes que proveeix la biblioteca són: