9.1 $ oggetto e metodo ajax in jQuery

jQuery ha anche uno speciale oggetto globale per lavorare con la rete. Come puoi immaginare, si chiama $. Sì, questo è il nome. Ma è semplice e conveniente.

Supponiamo che tu voglia inviare una richiesta a un'API nel tuo JavaScript ed elaborare la risposta ricevuta. Questo può essere fatto in questo modo:


$.ajax({
  type: "POST",
  url: "api.codegym.cc",
  data: {name: 'Bill', location: 'Radmond'},
  success: function(msg){
    alert( "Person found: " + msg );
  }
});

Questo è tutto, questo è tutto il codice. $Chiamiamo il metodo sull'oggetto ajax(), dove passiamo l'oggetto che descrive tutto ciò di cui abbiamo bisogno: sia la richiesta che la risposta.

  • Il campo typespecifica il tipo di richiesta HTTP: GEToPOST
  • Il campo urlspecifica urla chi verrà inviata la richiesta.
  • Il campo dataspecifica i dati della richiesta in formato JSON
  • Il campo success specifica una funzione da chiamare dopo una risposta positiva dal server.

9.2 Domande utili

Ma se non è necessario trasferire alcun dato, la richiesta può essere scritta ancora più breve. Ad esempio, puoi scrivere una semplice richiesta POST come questa :


$.post("ajax/test.html", function( data ) {
  $( ".result" ).html( data );
});

Sai cosa fa il codice $( ".result" ).html( data );? Proviamo a indovinare...

Trova un elemento con la classe risultato nel documento e vi aggiunge il codice HTML - data data. Quindi in un paio di righe puoi scaricare i dati dal server e aggiungerli alla tua pagina. Beh, non è una bellezza? :)

Una richiesta GET può anche essere scritta in un paio di righe:


$.get("ajax/test.html"., function( data ) {
  $( ".result" ).html( data );
});

Vuoi scaricare ed eseguire uno script?


$.ajax({
  method: "GET",
  url: "test.js",
  dataType: "script"
});

Ricevi l'ultima pagina HTML?


$.ajax({
  url: "test.html",
  cache: false
})
  .done(function( html ) {
    $( "#results" ).append( html );
  });

C'è un'ottima documentazione jQuery su Internet:

API jQuery

jQuery.ajax()

Inoltre, tutte le domande comuni sono facilmente cercabili su Google e si trovano su StackOverflow.

Java university