Latest web development tutorials

AJAX ASP / PHP

AJAX est utilisé pour créer des applications plus dynamiques.

exemples / PHP AJAX ASP

L'exemple suivant va vous montrer lorsque les types d'utilisateur dans une zone de saisie de caractères, comment les pages Web communiquent avec le serveur web: S'il vous plaît taper dans la zone de saisie ci-dessous les lettres (A - Z):

Exemples

Start typing a name in the input field below:

First name:

Suggestions:


Essayez »

fonction ShowHint () - exemples d'analyse

Lorsque la boîte d'entrée d'utilisateur, tapez les caractères ci-dessus, il effectue une "ShowHint ()" de fonction. Cette fonction consiste à "onkeyup" Trigger Event:

function showHint(str)
{
var xmlhttp;
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","gethint.html?q="+str,true);
xmlhttp.send();
}

analyse de code source:

Si la zone de saisie est vide (str.length == 0), alors la fonction Vider le contenu txtHint espace réservé, et la sortie.

Si la zone de saisie ne soit pas vide, ShowHint () effectue les tâches suivantes:

  • Créer un objet XMLHttpRequest
  • Exécution de la fonction lorsque la réponse du serveur est prêt
  • Envoyer la demande à un fichier sur le serveur
  • S'il vous plaît noter que nous avons ajouté un paramètre q (avec contenu boîte d'entrée) à l'URL

AJAX Server Pages - ASP et PHP

page Serveur appelé par le JavaScript ci-dessus est le fichier ASP nommé "gethint.asp".

Ici, nous créons deux versions d'un serveur de fichiers, un rédigé en ASP, l'autre écrit en PHP.

fichier ASP

"Gethint.asp" code source vérifie un nom tableau, puis renvoyé au navigateur nom correspondant:

<%
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
%>

Fichier PHP

Le code suivant écrit en PHP et le code ASP ci-dessus effet est le même.

<?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;
?>