Nwlapcug.com


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

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


Combinando insieme, due avanzate tecnologie Web come PHP e AJAX, è possibile creare molte applicazioni efficiente e intuitive per il tuo sito, tra cui elementi di Web design. Da caselle di testo animato e dinamico menù a tendina per gallerie fotografiche Web, PHP e AJAX può trasformare il tuo 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 a vicenda, è possibile utilizzare in qualsiasi modo si desidera migliorare la funzionalità del tuo sito Web e design.

Istruzioni

1

Inserire il codice seguente per modificare il valore di codice di valuta sotto forma di casella di testo quando si seleziona un paese diverso dall'elenco a discesa utilizzando il comando PHP "getCurrencyCode":

< select nome = "paese" onChange="getCurrencyCode('find_ccode.php?country='+this.value)" >

< option value = "" > paese selezionare < / option >

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

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

&lt;option value="3">Philippines&lt;/option>

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

< / selezionare >

< input type = "testo" nome = "cur_code" id = "cur_code" >

2

Inserire il codice seguente per abilitare la funzione di "getCurrencyCode()" di AJAX. Attivare o chiamare questa funzione quando si seleziona un paese diverso dall'elenco a discesa. Questo codice JavaScript cambierà il valore nella casella di testo senza aggiornare l'intera pagina.

funzione getCurrencyCode(strURL)

{

var req = getXMLHTTP();

Se (req)

{

//function to be called when state is changed

req.onreadystatechange = function()

{

//when state is completed i.e 4

if (req.readyState == 4)

{

// only if http status is "OK"

if (req.status == 200)

{

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

}

else

{

alert("There was a problem while using XMLHTTP:\n" + req.statusText);

}

}

}

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

req.send(null);

}

}

3

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

<? php

$country = $ Request ['paese'];

Switch($Country)

{

case "1" :

echo "USD";

break;

case "2" :

echo "GBP";

break;

case "3" :

echo "PHP";

break;

case "4" :

echo "BHD";

break;

}

? >

Consigli & Avvertenze

  • Visualizza la demo del progetto prima di iniziare con questo tutorial per vedere cosa potete aspettarvi da questo progetto. Chiedere il parere di esperti sviluppatori PHP e AJAX unendo alcuni forum di discussione online.