AJAX sta per Asynchronous JavaScript e XML (eXtensible Markup Language). Anche se non si tratta di un nuovo linguaggio di programmazione di per sé, AJAX rappresenta tecniche JavaScript sviluppati per rendere le pagine Web caricare contenuti più rapidamente e senza aggiornare l'intera pagina. AJAX funziona facendo richieste a un server e posizionando appena caricata contenuto nella pagina Web esistente. Come si usa qualsiasi programmazione aggiungendolo all'interno del tag di script nel file header. php JavaScript, è possibile utilizzare AJAX in WordPress.
Istruzioni
1
Aprire il file header. php del tema che utilizzi con il tuo blog WordPress. Utilizzare un editor di codice o blocco note per aprire il file, in modo da poter lavorare con il codice. Trovare "<? php wp_head();? >" appena sopra il tag di fine "< / head >" e creare una nuova riga sopra la funzione di "wp_head()". Si dovrebbe anche scrivere una chiamata a "wp_head()" se non esiste già.
2
Aggiungere un insieme di tag di script dove ha creato una nuova riga sopra la funzione di "wp_head()" e impostare l'attributo "type" su "text/javascript", se il codice è in XHTML o HTML 4. Se non si conosce, quindi aggiungere l'attributo "type" per essere sicuri. Impostando l'attributo "type" non farà male qualcosa quando si codifica un documento HTML 5, anche se non è necessario. Ecco un esempio del codice finora:
< script type = "text/javascript" >
Il tuo codice AJAX andrà qui
< / script >
3
Avviare il codice tra i tag di script AJAX. Creare una variabile nella prima riga del codice che conterrà l'oggetto XMLHTTP. L'oggetto XMLHTTP gestisce le richieste al server per i file HTML e XML, come testo, file PHP e ASP.
< script type = "text/javascript" >
var xmlhttp;
< / script >
4
Creare un'istruzione condizionale "se-allora" per verificare se il browser è Internet Explorer (IE) 6 rispetto a qualsiasi altro browser, come Firefox o Chrome. In questo modo che IE 6 utenti possono comunque utilizzare il vostro sito Web, anche se che il browser non supporta l'oggetto "XMLHttpRequest."
< script type = "text/javascript" >
var xmlhttp;
if(Window. XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
< / script >
5
Scrivere una funzione per verificare che l'oggetto XMLHTTP è pronto. Questo significa che la pagina viene caricata e il server ha restituito alcun errore.
XMLHTTP.onreadystatechange = function () {
Se (xmlhttp.readyState = = 4 & & xmlhttp.status = = 200) {
}
}
6
Scrivere il codice per prendere informazioni da un file all'interno dell'istruzione "if-then" che controlla per la prontezza dell'oggetto XMLHTTP. È possibile impostare una parte del tuo sito Web per ottenere il testo di risposta inviato da un file richiesto, per esempio. Ecco un esempio:
document.getElementById("updates").innerHTML = responseText;
Il codice sopra riportato sarà messo il contenuto dell'oggetto XMLHTTP all'interno di una coppia di tag HTML che hanno il nome ID "aggiornamenti".
7
Scrivere il codice per ottenere il contenuto da un file particolare. Ciò indica al server dove cercare il contenuto che si desidera inserire nella pagina tramite AJAX. Ecco un esempio:
XMLHTTP.Open ("GET", "myupdates.txt", true);
XMLHTTP.Send();
Modificare "myupdates.txt" al nome del file del documento da cui si desidera estrarre i dati. In questo caso, "myupdates.txt" contiene le informazioni che si desidera inserire nella tua pagina. Il "vero" indica al server che si desidera una richiesta asincrona.
8
Dopo aver scritto il codice JavaScript e AJAX, salvare il tuo file header. php e qualsiasi altro file che è necessario modificare. Caricare i file sul server, compresi i file contenenti dati che fa riferimento il codice AJAX.
Consigli & Avvertenze
- Installare l'estensione FireBug in Firefox o premere "Ctrl-Shift-J" in Chrome per il debug di script AJAX.
- Backup dei file di tema di WordPress prima di modificarli. Se ottieni un errore di "schermo bianco" che chiude fuori WordPress, ri-caricare i file del tema originale.