PHP - AJAX et PHP
AJAX est utilisé pour créer des applications plus interactives.
Exemples AJAX PHP
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:
Exemples
尝试在输入框中输入一个名字，如：Anna:
返回值:
Exemples expliquent - page HTML
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:
- Créer un objet XMLHttpRequest
- Créer la fonction lorsque le serveur est prêt à effectuer la réponse
- Dossier sur le serveur pour envoyer des demandes
- S'il vous plaît noter que l'ajout de (contient la boîte d'entrée) la fin du paramètre d'URL (q)
Fichier PHP
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:
- Trouver correspondant à caractères pour envoyer les noms de JavaScript
- Si aucune correspondance est trouvée, la chaîne de réponse est réglé sur "aucune suggestion"
- Si vous trouvez un ou plusieurs noms correspondant, les noms de tous les paramètres avec la chaîne de réponse
- L'envoi d'une réponse à l'espace réservé "txtHint"
PHP Ajax solutions de domaine de croix aux problèmes
Si vous avez besoin d'une requête asynchrone cross-domain peut être consulté: PHP Ajax traverser solutions de domaine à des problèmes.