Tutorial per AJAX Calcolatrici

September 8

AJAX, un semplice linguaggio di script Web che combina JavaScript e XML per ridurre la quantità di codifica uno sviluppatore deve fare per eseguire una funzione specifica, può essere utilizzato per creare un semplice calcolatore online. Scripting un calcolatore di AJAX aggiungerà uno strumento utile per il vostro sito web e permetterà di praticare la creazione di un elemento Web che richiede sia front-end e back-end di scripting.

istruzione

1 Fai clic su "Start" e digitare "Blocco note" nel campo di ricerca, quindi premere "Invio" sulla tastiera. Notepad si aprirà.

2 Creare lo script di back-end in Blocco note, che lo script AJAX farà riferimento per le informazioni necessarie per calcolare le funzioni user-input. È possibile creare questo script calcolatrice back-end in qualsiasi linguaggio di programmazione che desideri, anche se per lo sviluppo web, molti professionisti usano PHP. Mentre il codice calcolatrice sarà unico alle proprie preferenze di codifica, sarà probabilmente un aspetto simile a questo:

if ($ Recupera [ 'funzione'] == "" || $ Recuperare [ 'Numero 1'] == "" || $ Recupera [ 'Numero2'] == "")
{
echo "Errore: la funzione incompleta.";
Uscita;
}

if ($ Recupera [ 'funzione'] == "multipla" & $ Recupera [ 'Numero2'] == "0")
{
echo "Spiacente: Non è possibile dividere per zero.";
Uscita;
}

if (positive_numeric ($ Recupera [ 'Numero 1']) || positive_numeric ($ Recupera [ 'Numero 1']))
{
echo "Errore: Ci dispiace, questi numeri non sono validi.";
Uscita;
}

3 Salvare lo script calcolatrice back-end premendo il tasto "Ctrl" e "S." Tipo "backend.php" nel campo "Nome", quindi fare clic su "Salva". Modificare la fine del nome del file in modo da riflettere il linguaggio di programmazione del tuo script se non è stato utilizzato PHP. Ad esempio, salvarlo come "backend.js" se è stato utilizzato Javascript invece di PHO. Chiudere il Blocco note.

4 Riaprire il Blocco note e creare lo script di front-end AJAX. Incollare il seguente codice nel file:

funzione doMath () {
var url = "backend.php" + document.get ( 'op') il valore.;
url + = "& Numero 1 =" + document.get ( 'Numero1') il valore.;
url + = "& Numero2 =" + document.getElementById ( 'Numero2') il valore.;
http.open (GET_URL = true);
}

Sostituire "backend.php" con il nome del nome del file di script di back-end se è diverso. Ad esempio, sostituire con "backend.js" se questo è il nome del file di back-end.

5 Premere il tasto "Ctrl" e "S" per aprire la finestra "Salva". Tipo "AJAX.js" nel campo "Nome", quindi premere "Invio". Chiudere il Blocco note.

6 Copiare il AJAX e back-end file di script nella directory dei file del tuo sito web.


Articoli Correlati