Come modificare più valori di testo scatola con PHP & Ajax

March 17

Come modificare più valori di testo scatola con PHP & Ajax


Grazie alla combinazione di due tecnologie Web avanzate insieme, come PHP e AJAX, è possibile creare molte applicazioni efficienti e intuitivi per il tuo sito web, tra cui Web design elements. Da caselle di testo animati e menu a discesa dinamici a gallerie di foto per Web, PHP e AJAX possono trasformare il vostro sito web semplice in un'attrazione Web completa. Poiché le tecnologie PHP e AJAX sono entrambe le applicazioni open-source e sono pienamente compatibili con l'altro, è possibile utilizzare qualsiasi modo li si vuole migliorare la funzionalità e il design del tuo sito web.

istruzione

1 Inserire il codice qui sotto per modificare il valore del codice di valuta in forma casella di testo quando si seleziona un paese diverso dal menu a discesa con il comando di PHP "getCurrencyCode":

<Select name = "paese" onChange = "getCurrencyCode ( 'find_ccode.php? Country =' + this.value)">

<Option value = ""> Selezionare Paese </ option>

&lt;option value="1">USA&lt;/option>

& Lt; value option = "2"> UK & lt; / option>

& Lt; option value = "3"> Filippine & lt; / option>

& Lt; option value = "4"> Bahrain & lt; / option>

</ Select>

<Input type = "text" name = "cur_code" id = "cur_code">

2 Inserire il codice riportato di seguito per abilitare la funzione AJAX "getCurrencyCode ()". Attivare o chiamare questa funzione quando si seleziona un paese diverso dal menu a discesa. Questo codice JavaScript cambia il valore nella casella di testo senza aggiornare l'intera pagina.

Funzione getCurrencyCode (strURL)

{

var req = getXMLHTTP ();

if (req)

{

//function to be called when state is changed

req.onreadystatechange = function ()

{

// Quando lo stato è completato vale a dire 4

if (req.readyState == 4)

{

// Solo se lo stato http è "OK"

if (req.status == 200)

{

. Document.getElementById ( 'cur_code') value = req.responseText;

}

altro

{

alert ( "C'è stato un problema durante l'utilizzo di XMLHTTP: \ n" + req.statusText);

}

}

}

req.open ( "GET", strURL, true);

req.send (null);

}

}

3 Eseguire il seguente codice per creare la funzione "getXMLHTTP ()" che elaborerà l'oggetto "XMLHTTPRequest". La risposta, che è la valuta corrispondente, verrà visualizzato nella casella di testo per qualsiasi paese scelto dall'elenco a discesa.

<? Php

$ Country = $ _ richiesta [ 'paese'];

switch ($ country)

{

case "1" :

echo "USD";

rompere;

caso "2":

echo "GBP";

rompere;

caso "3":

echo "PHP";

rompere;

caso "4":

echo "BHD";

rompere;

}

?>

Consigli e avvertenze

  • Visualizza il progetto demo prima di iniziare con questo tutorial per vedere che cosa ci si può aspettare da questo progetto. Chiedere il parere di sviluppatori PHP e AJAX sperimentato unendo alcuni forum di discussione on-line.