Connaissances connexes sur les exemples de requêtes AJAX ASP/PHP

AJAX est utilisé pour créer des applications plus dynamiques. Cet article expliquera ses connaissances associées.

Explication des exemples - fonction showHint()

Lorsque l'utilisateur tape des caractères dans la zone de saisie ci-dessus, la fonction "showHint()" sera exécutée. Cette fonction est déclenchée par l'événement "onkeyup" :

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.asp?q="+str,true);
xmlhttp.send();
}

Explication du code source :

Si la zone de saisie est vide (str.length==0) , puis la fonction efface le contenu de l'espace réservé txtHint et quitte la fonction .

Si la zone de saisie n'est pas vide, la fonction showHint() effectue les tâches suivantes :

Crée un objet XMLHttpRequest

Exécute la fonction lorsque la réponse du serveur est prête

🎜>

La requête est envoyée au fichier sur le serveur

Notez que nous avons ajouté un paramètre q (avec le contenu de la zone de saisie) à l'URL

Page du serveur AJAX - ASP et PHP

La page du serveur appelée par le JavaScript

ci-dessus est un fichier ASP nommé "gethint.asp".

Ci-dessous, nous créons deux versions du fichier serveur, l'une écrite en ASP et l'autre en PHP.

Le code source dans le fichier ASP

"gethint.asp" vérifie un tableau de noms et renvoie le nom correspondant au navigateur :

<%
réponse.expires=-1
dim a(30)'Remplissez le tableau 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"'获得来自 URL 的 q 参数q=ucase(request.querystring("q"))'如果 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'Si l'invite n'est pas trouvée, affichez " aucune suggestion"'sinon, affiche la valeur correcte si soupçon="" alors
response.write("pas de suggestion")
else
réponse.write(hint)
end if
% > ;

Fichier PHP

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

Remarque : Pour exécuter cet exemple en PHP, veuillez modifier la valeur de la variable url (dans le code Javascript) de "gethint.asp" à "gethint.php".

$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";//获得来自 URL 的 q 参数$q=$_GET["q"];//如果 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];
        }
      }
    }
  }// 如果未找到提示，则把输出设置为 "no suggestion"// 否则设置为正确的值if ($hint == "")
  {
  $response="no suggestion";
  }
else
  {
  $response=$hint;
  }//输出响应echo $response;
?>

Cet article est lié aux requêtes AJAX ASP/PHP Explication, pour plus de matériel d'apprentissage, veuillez faire attention au site Web php chinois pour le consulter.

Recommandations associées :

Un exemple d'explication de XML dans AJAX

Première introduction de MySQL aux instructions SQL et aux opérations de bibliothèque

Comment implémenter simplement

via TP5-ajouter, supprimer, modifier et vérifier

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!