Tecnología

Inicio

Cómo cambiar varios valores cuadro de texto con PHP y Ajax

Cómo cambiar varios valores cuadro de texto con PHP y Ajax


Mediante la combinación de dos tecnologías Web avanzadas juntos, tales como PHP y AJAX, puede crear muchas aplicaciones eficaz e intuitiva para su sitio web, incluyendo elementos de diseño Web. A partir de cuadros de texto animados y menús desplegables dinámicas a las galerías de fotografías Web, PHP y AJAX puede convertir su sitio web sencillo en una atracción completa Web. Puesto que las tecnologías PHP y AJAX son las aplicaciones de código abierto y son totalmente compatibles entre sí, se puede utilizar como usted lo desea mejorar la funcionalidad y el diseño de su sitio web.

Instrucciones

1 Introducir el código de abajo para cambiar el valor de código de moneda en forma de cuadro de texto cuando se selecciona un país diferente de la lista desplegable usando el comando PHP "getCurrencyCode":

<Select name = "país" onchange = "getCurrencyCode ( 'find_ccode.php? País =' + this.value)">

<Option value = ""> Seleccionar País </ option>

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

& Lt; opción value = "2"> Reino Unido & lt; / option>

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

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

</ Select>

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

2 Introducir el código siguiente para habilitar la función de AJAX "getCurrencyCode ()". Activar o llamar a esta función cuando se selecciona un país diferente de la lista desplegable. Este código JavaScript cambiará el valor en el cuadro de texto sin actualizar la página entera.

función getCurrencyCode (strURL)

{

var req = getXMLHTTP ();

si (req)

{

//function to be called when state is changed

req.onreadystatechange = function ()

{

// Cuando el estado se ha completado, es decir 4

si (== req.readyState 4)

{

// Sólo si el estado HTTP es "OK"

si (== req.status 200)

{

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

}

más

{

alert ( "Hubo un problema al utilizar XMLHTTP: \ n" + req.statusText);

}

}

}

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

req.send (null);

}

}

3 Ejecutar el siguiente código para crear la función "getXMLHTTP ()" que va a procesar el objeto "XMLHTTPRequest". La respuesta, que es la moneda correspondiente, se mostrará en el cuadro de texto para cualquier país que elija de la lista desplegable.

<? Php

$ País = $ _ REQUEST [ 'país'];

switch ($ país)

{

case "1" :

echo "USD";

descanso;

caso "2":

echo "GBP";

descanso;

caso "3":

echo "PHP";

descanso;

caso "4":

echo "BHD";

descanso;

}

?>

Consejos y advertencias

  • Vea la demostración del proyecto antes de comenzar con este tutorial para ver qué se puede esperar de este proyecto. Buscar el asesoramiento de experimentados desarrolladores de PHP y AJAX uniéndose a algunos foros de discusión en línea.