AJAX Ejemplo ASP/PHP

---

AJAX se utiliza para crear aplicaciones más dinámicas.

---

Ejemplo de AJAX ASP/PHP

El siguiente ejemplo le mostrará cómo la página web se comunica con el servidor web cuando el usuario escribe caracteres en el cuadro de entrada: Escriba letras (A - Z) en el siguiente cuadro de entrada:

---

Análisis del ejemplo - Función showHint()

Cuando el usuario escribe caracteres en el cuadro de entrada anterior, se ejecuta la función "showHint()". Esta función se activa mediante el evento "onkeyup":

Análisis del código fuente:

Si el cuadro de entrada está vacíostr.length==0, entonces la función limpiatxtHintel contenido del marcador de posición y sale de la función.

Si el cuadro de entrada no está vacío,showHint()la función realiza las siguientes tareas:

• CrearXMLHttpRequestobjeto
• ejecutar la función cuando la respuesta del servidor esté lista
• enviar la solicitud al archivo en el servidor
• Tenga en cuenta que agregamos un parámetro q (con el contenido del cuadro de entrada) a la URL.

---

Página de servidor AJAX - ASP y PHP

La página de servidor a la que llama JavaScript en el ejemplo anterior es un archivo PHP llamadogethint.php。

A continuación, creamos dos versiones del archivo de servidor, una escrita en ASP y otra en PHP.

Archivo ASP

El código fuente en "gethint.asp" verifica una matriz de nombres y luego devuelve los nombres correspondientes al navegador:

<%
response.expires=-1
dim a(30)
'Fill up array with names
a(1)="Anna"
a(2)="Brittany"
a(3)="Cinderella"
a(4)="Diana"
a(5)="Eva"
a(6)="Fiona"
a(7)="Gunda"
a(8)="Hege"
a(9)="Inga"
a(10)="Johanna"
a(11)="Kitty"
a(12)="Linda"
a(13)="Nina"
a(14)="Ophelia"
a(15)="Petunia"
a(16)="Amanda"
a(17)="Raquel"
a(18)="Cindy"
a(19)="Doris"
a(20)="Eve"
a(21)="Evita"
a(22)="Sunniva"
a(23)="Tove"
a(24)="Unni"
a(25)="Violet"
a(26)="Liza"
a(27)="Elizabeth"
a(28)="Ellen"
a(29)="Wenche"
a(30)="Vicky"

'get the q parameter from URL
q=ucase(request.querystring("q"))

'lookup all hints from array if length of q>0
if len(q)>0 then
  hint=""
  for i=1 to 30
    if q=ucase(mid(a(i),1,len(q))) then
      if hint="" then
        hint=a(i)
      else
        hint=hint & " , " & a(i)
      end if
    end if
  next
end if

'Output "no suggestion" if no hint were found
'or output the correct values
if hint="" then
  response.write("no suggestion")
else
  response.write(hint)
end if
%>

---

Archivo PHP

El siguiente código está escrito en PHP y tiene la misma función que el código ASP anterior.

<?php
// Fill up array with names
$a[]="Anna";
$a[]="Brittany";
$a[]="Cinderella";
$a[]="Diana";
$a[]="Eva";
$a[]="Fiona";
$a[]="Gunda";
$a[]="Hege";
$a[]="Inga";
$a[]="Johanna";
$a[]="Kitty";
$a[]="Linda";
$a[]="Nina";
$a[]="Ophelia";
$a[]="Petunia";
$a[]="Amanda";
$a[]="Raquel";
$a[]="Cindy";
$a[]="Doris";
$a[]="Eve";
$a[]="Evita";
$a[]="Sunniva";
$a[]="Tove";
$a[]="Unni";
$a[]="Violet";
$a[]="Liza";
$a[]="Elizabeth";
$a[]="Ellen";
$a[]="Wenche";
$a[]="Vicky";

//get the q parameter from URL
$q=$_GET["q"];

//lookup all hints from array if length of q>0
if (strlen($q) > 0)
{
  $hint="";
  for($i=0; $i<count($a); $i++)
  {
    if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
    {
      if ($hint=="")
      {
        $hint=$a[$i];
      }
      else
      {
        $hint=$hint." , ".$a[$i];
      }
    }
  }
}

// Set output to "no suggestion" if no hint were found
// or to the correct values
if ($hint == "")
{
  $response="no suggestion";
}
else
{
  $response=$hint;
}

//output the response
echo $response;
?>

Otras extensiones