Reti con jQuery

$.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.