Metodo JQuery Ajax POST

Invia una richiesta http POST asincrona per caricare i dati dal server. La sua forma generale è:

jQuery.post( url [, data ] [, success ] [, dataType ] )
  • url: è l'unico parametro obbligatorio. Questa stringa contiene l'indirizzo a cui inviare la richiesta. I dati restituiti verranno ignorati se non viene specificato alcun altro parametro
  • dati: un oggetto o una stringa semplice che viene inviato al server con la richiesta.
  • successo: una funzione di callback che viene eseguita se la richiesta riesce. prende come argomento i dati restituiti. Viene anche passato lo stato del testo della risposta.
  • dataType: il tipo di dati attesi dal server. L'impostazione predefinita è Intelligent Guess (xml, json, script, text, html). se viene fornito questo parametro, deve essere fornito anche il callback riuscito.

Esempi

$.post('//example.com/form.php', {category:'client', type:'premium'});

richieste form.phpdal server, inviando dati aggiuntivi e ignorando il risultato restituito

$.post('//example.com/form.php', {category:'client', type:'premium'}, function(response){ alert("success"); $("#mypar").html(response.amount); });

richieste form.phpdal server, inviando dati aggiuntivi e gestendo la risposta restituita (formato json). Questo esempio può essere scritto in questo formato:

$.post('//example.com/form.php', {category:'client', type:'premium'}).done(function(response){ alert("success"); $("#mypar").html(response.amount); });

L'esempio seguente pubblica un modulo utilizzando Ajax e inserisce i risultati in un div

    jQuery.post demo // Attach a submit handler to the form $( "#searchForm" ).submit(function( event ) { // Stop form from submitting normally event.preventDefault(); // Get some values from elements on the page: var $form = $( this ), term = $form.find( "input[name='s']" ).val(), url = $form.attr( "action" ); // Send the data using post var posting = $.post( url, { s: term } ); // Put the results in a div posting.done(function( data ) { var content = $( data ).find( "#content" ); $( "#result" ).empty().append( content ); }); });   

L'esempio seguente utilizza l'api github per recuperare l'elenco dei repository di un utente utilizzando jQuery.ajax () e inserire i risultati in un div

    jQuery Get demo // Attach a submit handler to the form $( "#userForm" ).submit(function( event ) { // Stop form from submitting normally event.preventDefault(); // Get some values from elements on the page: var $form = $( this ), username = $form.find( "input[name='username']" ).val(), url = "//api.github.com/users/"+username+"/repos"; // Send the data using post var posting = $.post( url, { s: term } ); //Ajax Function to send a get request $.ajax({ type: "GET", url: url, dataType:"jsonp" success: function(response){ //if request if made successfully then the response represent the data $( "#result" ).empty().append( response ); } }); });   

jQuery.ajax ()

$.post( url [, data ] [, success ] [, dataType ] ) è una funzione Ajax abbreviata, equivalente a:

$.ajax({ type: "POST", url: url, data: data, success: success, dataType: dataType });

$.ajax() fornisce molte più opzioni che possono essere trovate qui

Maggiori informazioni:

Per ulteriori informazioni, visitare il sito Web ufficiale