Le meilleur didacticiel PHP - AJAX et PHP en 2024, dans ce didacticiel, vous pouvez apprendre Exemples AJAX PHP,Exemples,Exemples expliquent - page HTML,Fichier PHP,
AJAX est utilisé pour créer des applications plus interactives.
Les exemples suivants démontrent lorsque les types d'utilisateur dans une zone de saisie de caractères, comment les pages Web communiquent avec le serveur Web:
尝试在输入框中输入一个名字,如:Anna:
返回值:
Quand un utilisateur dans le caractère de zone de saisie ci-dessus exécute "(ShowHint)" fonction. Cette fonction consiste à "onkeyup" Trigger Event:
<html> <head> <script> function showHint(str) { if (str.length==0) { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码 xmlhttp=new XMLHttpRequest(); } else { //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.php?q="+str,true); xmlhttp.send(); } </script> </head> <body> <p><b>在输入框中输入一个姓名:</b></p> <form> 姓名: <input type="text" onkeyup="showHint(this.value)"> </form> <p>返回值: <span id="txtHint"></span></p> </body> </html>
Source expliqué:
Si la zone de saisie est vide (str.length == 0), cette fonction effacer txtHint espace réservé contenu, et quitter la fonction.
Si la boîte d'entrée est vide, alors ShowHint () effectue les étapes suivantes:
Les serveurs ci-dessus par le biais de JavaScript appelant cette page est appelé fichier PHP "gethint.php".
"Gethint.php" code source vérifie tableau de noms, puis renvoyé au navigateur nom correspondant:
<?php // 将姓名填充到数组中 $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"; //从请求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; ?>
Explication: Si le JavaScript envoyer tout texte (ie, strlen ($ q) 0>), se produit:
Si vous avez besoin d'une requête asynchrone cross-domain peut être consulté: PHP Ajax traverser solutions de domaine à des problèmes.