April 9
AJAX sta per Asynchronous JavaScript e XML (eXtensible Markup Language). Anche se non è un nuovo linguaggio di programmazione di per sé, AJAX rappresenta tecniche JavaScript sviluppate per rendere le pagine web si caricano contenuti più velocemente e senza aggiornare l'intera pagina. AJAX funziona facendo le richieste a un server e l'immissione di contenuti appena caricato nella pagina Web esistente. È possibile utilizzare AJAX in WordPress come si usa alcuna programmazione JavaScript aggiungendolo all'interno dei tag di script nel file header.php.
1 Aprire il file header.php per il tema si utilizza 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. Trova "<? Php wp_head ();?>" "</ Head>" tag appena sopra la fine e creare una nuova linea di sopra della "wp_head) (" la funzione. Si dovrebbe anche dare una chiamata a "wp_head ()" non se lo fa già esiste.
2 Aggiungere un insieme di tag script in cui si è creato una nuova linea di sopra del "wp_head ()" la funzione e impostare il suo attributo "tipo" a "text / javascript" se il codice è in XHTML o HTML 4. Se non si conosce, allora aggiungere l'attributo "tipo" per essere sicuri. Impostare l'attributo "tipo" non male niente quando la codifica di un documento HTML 5, anche se non è necessario. Ecco un esempio del codice finora:
<Script type = "text / javascript">
// Il codice AJAX andrà qui
</ Script>
3 Avviare il codice AJAX tra i tag di script. Creare una variabile sulla prima riga del codice che conterrà l'oggetto XMLHTTP. L'oggetto XMLHTTP gestisce le richieste al server per i file HTML e XML, così come il testo, PHP e file ASP.
<Script type = "text / javascript">
var XMLHTTP;
</ Script>
4 Creare un condizionale affermazione "if-then" per verificare se il browser è Internet Explorer (IE) 6 rispetto a qualsiasi altro browser, come Firefox o Chrome. In questo modo si assicura che IE 6 gli utenti possono comunque utilizzare il sito web, anche se questo browser non supporta l'oggetto "XMLHttpRequest".
<Script type = "text / javascript">
var XMLHTTP;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} altro {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
</ Script>
5 Scrivere una funzione per verificare che l'oggetto XMLHTTP è pronto. Ciò significa che la pagina viene caricata e il server ha restituito nessun errore.
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
}
}
6 Scrivere il codice per afferrare le informazioni da file all'interno della dichiarazione "if-then" che verifica la disponibilità dell'oggetto XMLHTTP. È possibile impostare una parte del tuo sito web per ottenere il testo di risposta inviata da un file richiesto, per esempio. Ecco un esempio:
document.getElementById ( "Aggiornamenti") innerHTML = xmlhttp.responseText.;
Il codice qui sopra mettere 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 particolare file. Questo 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 ();
Cambiare "myupdates.txt" per il 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 pagina. Il "vero" dice il server che si desidera una richiesta asincrona.
8 Dopo aver scritto il codice JavaScript e AJAX, salvare il file header.php e qualsiasi altro file che avete avuto bisogno di modificare. Caricare i file sul server, inclusi i file contenenti dati che i riferimenti di codice AJAX.