AJAX ﺩﻮﺷ ﯽﻣ ﻩﺩﺎﻔﺘﺳﺍ ﺮﺘﺸﯿﺑ ﯽﻠﻣﺎﻌﺗ ﯼﺎﻫ ﻪﻣﺎﻧﺮﺑ ﺩﺎﺠﯾﺍ ﯼﺍﺮﺑ.
ﺪﻨﮐ ﺭﺍﺮﻗﺮﺑ ﻁﺎﺒﺗﺭﺍ a ﺎﺑ ﺪﻧﺍﻮﺗ ﯽﻣ ﺏﻭ ﻪﺤﻔﺻ ﮏﯾ ﻪﻧﻮﮕﭼ ﻪﮐ ﺪﻫﺩ ﯽﻣ ﻥﺎﺸﻧ ﺮﯾﺯ ﻝﺎﺜﻣ
ﺪﯿﻨﮐ ﺮﯾﺯ ﯼﺩﻭﺭﻭ ﺖﻤﺴﻗ ﺭﺩ ﻡﺎﻧ ﭗﯾﺎﺗ ﻪﺑ ﻉﻭﺮﺷ:
Suggestions:
First name:
ﻊﺑﺎﺗ ﮏﯾ ،ﺪﻨﮐ ﯽﻣ ﭗﯾﺎﺗ ﯼﺩﻭﺭﻭ ﺖﻤﺴﻗ ﺭﺩ ﺍﺭ ﺮﺘﮐﺍﺭﺎﮐ ﮏﯾ ﺮﺑﺭﺎﮐ ﻪﮐ ﯽﻧﺎﻣﺯ ،ﻻﺎﺑ ﻝﺎﺜﻣ ﺭﺩ
.ﺩﻮﺷ ﯽﻣ ﻝﺎﻌﻓ onkeyup ﺩﺍﺪﯾﻭﺭ ﻂﺳﻮﺗ ﻊﺑﺎﺗ ﻦﯾﺍ
:ﺪﮐ ﻢﻫ ﻦﯾﺍ
<p>Start typing a name in the input field below:</p>
<p>Suggestions: <span id="txtHint"></span></p>
<form>
First name: <input type="text" onkeyup="showHint(this.value)">
</form>
<script>
function showHint(str) {
if (str.length == 0) {
document.getElementById("txtHint").innerHTML = "";
return;
} else {
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
document.getElementById("txtHint").innerHTML = this.responseText;
}
xmlhttp.open("GET", "gethint.php?q=" + str);
xmlhttp.send();
}
}
</script>→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ
<!DOCTYPE html>
<html>
<body>
<h2>The XMLHttpRequest Object</h2>
<h3>Start typing a name in the input field below:</h3>
<p>Suggestions: <span id="txtHint"></span></p>
<p>First name: <input type="text" id="txt1" onkeyup="showHint(this.value)"></p>
<script>
function showHint(str) {
if (str.length == 0) {
document.getElementById("txtHint").innerHTML = "";
return;
}
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
document.getElementById("txtHint").innerHTML =
this.responseText;
}
xhttp.open("GET", "gethint.php?q="+str);
xhttp.send();
}
</script>
</body>
</html>
:ﺪﮐ ﺢﯿﺿﻮﺗ
ﺪﯿﻨﮐ ﮎﺎﭘ ﺍﺭ ﻥﺁ ،ﺖﺴﻫ ﺮﮔﺍ .(str.length == 0) ﺖﺳﺍ ﯽﻟﺎﺧ ﯼﺩﻭﺭﻭ ﺪﻠﯿﻓ ﺎﯾﺁ ﻪﮐ ﺪﯿﻨﮐ ﯽﺳﺭﺮﺑ ﺍﺪﺘﺑ
:ﺪﯿﻫﺩ ﻡﺎﺠﻧﺍ ﺍﺭ ﺮﯾﺯ ﺩﺭﺍﻮﻣ ،ﺖﺴﯿﻧ ﯽﻟﺎﺧ ﯼﺩﻭﺭﻭ ﺪﻠﯿﻓ ﺮﮔﺍ ﺎﻣﺍ
ﺪﯿﻨﮐ ﺩﺎﺠﯾﺍ XMLHttpRequest ﯽﺷ ﮏﯾ
ﺩﻮﺷ ﺍﺮﺟﺍ ﺖﺳﺍ ﻩﺩﺎﻣﺁ ﺭﻭﺮﺳ ﺦﺳﺎﭘ ﯽﺘﻗﻭ ﻪﮐ ﺪﯿﻨﮐ ﺩﺎﺠﯾﺍ ﺍﺭ ﯽﻌﺑﺎﺗ
ﺪﯿﻨﮐ ﻝﺎﺳﺭﺍ ﺭﻭﺮﺳ ﺭﺩ PHP (gethint.php) ﻞﯾﺎﻓ ﮏﯾ ﻪﺑ ﺍﺭ ﺖﺳﺍﻮﺧﺭﺩ
gethint.php?q="+str ﺖﺳﺍ ﻩﺪﺷ ﻪﻓﺎﺿﺍ q ﺮﺘﻣﺍﺭﺎﭘ ﻪﮐ ﺪﯿﺷﺎﺑ ﻪﺘﺷﺍﺩ ﻪﺟﻮﺗ
ﺩﺭﺍﺩ ﯽﻣ ﻪﮕﻧ ﺍﺭ ﯼﺩﻭﺭﻭ ﺪﻠﯿﻓ ﯼﺍﻮﺘﺤﻣ str ﺮﯿﻐﺘﻣ
ﺪﻧﺍﺩﺮﮔ ﯽﻣﺮﺑ ﻥﺁ ﻪﺑ ﺍﺭ ﻪﻃﻮﺑﺮﻣ (ﯼﺎﻫ)ﻡﺎﻧ ﻭ ﺪﻨﮐ ﯽﻣ ﯽﺳﺭﺮﺑ ﺍﺭ ﺎﻫ ﻡﺎﻧ ﺯﺍ ﯼﺍ ﻪﯾﺍﺭﺁ PHP ﻞﯾﺎﻓ
<?php
header("Expires: ".gmdate("D, d M Y H:i:s",time()+(-1*60))." GMT");
$a = array();
//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
if (isset($_GET["q"]))
{
$q = strtoupper($_GET["q"]);
}
else
{
$q = '';
}
//lookup all hints from array if length of q>0
if (strlen($q) > 0)
{
$hint="";
for ($i=1; $i<=30; $i++)
{
if ($q == strtoupper(substr($a[$i],0,strlen($q))))
{
if ($hint == "")
{
$hint=$a[$i];
}
else
{
$hint.=" , ".$a[$i];
}
}
}
}
else
{
$hint = "";
}
//Output "no suggestion" if no hint were found or output the correct values
if ($hint == "")
{
echo "no suggestion";
}
else
{
echo $hint;
}