jQuery - jQuery.ajax (opzioni) Metodo
Descrizione
Il jQuery.ajax( options ) metodo carica una pagina remota utilizzando una richiesta HTTP.
$ .ajax () restituisce XMLHttpRequest che crea. Nella maggior parte dei casi non sarà necessario che l'oggetto venga manipolato direttamente, ma è disponibile se è necessario interrompere manualmente la richiesta.
Sintassi
Ecco la semplice sintassi per utilizzare questo metodo:
$.ajax( options )
Parametri
Ecco la descrizione di tutti i parametri utilizzati da questo metodo:
options- Un insieme di coppie chiave / valore che configurano la richiesta Ajax. Tutte le opzioni sono opzionali.
Sr.No. | Opzione e descrizione |
---|---|
1 | async
Valore booleano che indica se eseguire la richiesta in modo asincrono. Il valore predefinito è vero. |
2 | beforeSend
Una funzione di callback che viene eseguita prima che la richiesta venga inviata. |
3 | complete
Una funzione di callback che viene eseguita ogni volta che termina la richiesta. |
4 | contentType
Una stringa contenente un tipo di contenuto MIME da impostare per la richiesta. Il valore predefinito è application / x-www-form-urlencoded. |
5 | data
Una mappa o una stringa inviata al server con la richiesta. |
6 | dataFilter
Una funzione da utilizzare per gestire i dati non elaborati con risposta di XMLHttpRequest. Questa è una funzione di pre-filtraggio per disinfettare la risposta. |
7 | dataType
Una stringa che definisce il tipo di dati attesi dal server (xml, html, json o script). |
8 | error
Una funzione di callback che viene eseguita se la richiesta non riesce. |
9 | global
Un valore booleano che indica se i gestori di eventi AJAX globali verranno attivati da questa richiesta. Il valore predefinito è vero. |
10 | ifModified
Un valore booleano che indica se il server deve controllare se la pagina è stata modificata prima di rispondere alla richiesta. |
11 | jsonp
Sostituisci il nome della funzione di callback in una richiesta jsonp. |
12 | password
Una password da utilizzare in risposta a una richiesta di autenticazione di accesso HTTP. |
13 | processData
Un valore booleano che indica se convertire i dati inviati da un modulo oggetto in un modulo stringa di query. Il valore predefinito è vero. |
14 | success
Una funzione di callback che viene eseguita se la richiesta riesce. |
15 | timeout
Numero di millisecondi dopo il quale la richiesta scadrà in caso di errore. |
16 | timeout
Imposta un timeout locale (in millisecondi) per la richiesta. |
17 | type
Una stringa che definisce il metodo HTTP da utilizzare per la richiesta (GET o POST). Il valore predefinito è GET. |
18 | url
Una stringa contenente l'URL a cui viene inviata la richiesta. |
19 | username
Un nome utente da utilizzare in risposta a una richiesta di autenticazione di accesso HTTP. |
20 | xhr
Callback per la creazione dell'oggetto XMLHttpRequest. Il valore predefinito è ActiveXObject quando disponibile (IE), altrimenti XMLHttpRequest. |
Esempio
Supponendo di avere il seguente contenuto HTML nel file result.html -
<h1>THIS IS RESULT...</h1>
Di seguito è riportato un semplice esempio un semplice che mostra l'utilizzo di questo metodo. Qui utilizziamo il gestore di successo per popolare l'HTML restituito -
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
$("#driver").click(function(event){
$.ajax( {
url:'result.html',
success:function(data) {
$('#stage').html(data);
}
});
});
});
</script>
</head>
<body>
<p>Click on the button to load result.html file:</p>
<div id = "stage" style = "background-color:blue;">
STAGE
</div>
<input type = "button" id = "driver" value = "Load Data" />
</body>
</html>
Questo produrrà il seguente risultato: