استفاده از ajax در پیشنهاد کلمه در طراحی سایت

[elham1388]

ممکن است شما در طراحی وب سایت خود در نظر دارید این امکان را برای کاربران وب سایت خود فراهم آورید که با تایپ یک حرف از کلمه در باکس خاص، خود کلمه را برای کاربر به نمایش بگذارید. برای مثال با تایپ حرف "ط" در باکس، کلمه طراحی سایت برای کاربر پیشنهاد شود. ما در اینجا به شرح انجام این فرایند می پردازیم.





function showHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
var xmlhttp=new XMLHttpRequest();
xmlhttp.on-readystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","gethint.asp?q="+str,true);
xmlhttp.send();
}





اگر باکس خالی نباشد در اینصورت تابع showHint() اجرا خواهد شد. پس از اجرا تابع فای PHPاجرا خواهد شد. در زیر مثالی از فایل PHPنوشته شده را به نمایش گذاشته ایم.





<?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=$_REQUEST["q"]; $hint="";


// lookup all hints from array if $q is different from ""
if ($q !== "")
{ $q=strtolower($q); $len=strlen($q);
foreach($a as $name)
{ if (stristr($q, substr($name,0,$len)))
{ if ($hint==="")
{ $hint=$name; }
else
{ $hint .= ", $name"; }
}
}
}


// Output "no suggestion" if no hint were found
// or output the correct values
echo $hint==="" ? "no suggestion" : $hint;
?>





به آسانی با قابلیت های کدهای AJAX می توانید علاوه بر سهولت کاربران وب سایت خود، موجب جلب نظر آنها شوید که این عمل ترافیک را به سمت سایت شما به دنبال خواهد داشت و به طبع آن تاثیر مثبت در سئو وب سایت خود را شاهد خواهید بود.




منبع: استفاده از AJAX در پیشنهاد کلمه در طراحی سایت (http://www.npco.net/demo/articles/316-ajax-showhint.html)