تبلیغات
تکنولوژی های طراحی وب سایت - آموزش AJAX با PHP و Javascript
تکنولوژی های طراحی وب سایت
برترین کیفیت طراحی وب سایت و طراحی نرم افزار با Firefars.com
در این پست قصد دارم نحوه ساخت یک سیستم پیشنهاد دهنده (Suggestion) به کمک ایجکس را توضیح بدهم. برای این برنامه دو فایل وب خواهیم داشت. اولی index.html و دومی ajaxHandle.php.
قطعه برنامه زیر یک فایل HTML ساده است که به کمک AJAX و شئ پرکاربردxmlhttp در تابع loadAjax یک درخواست را به صفحه ajaxHandle.php ارسال می کند. دقت کنید که این عمل به صورت نامتقارن انجام می شود و پس از پاسخ صفحه PHP، محتوای بازگشتی در عنصری با id تگ txtHint قرار میگیرد.
<html>
<head>
<script type="text/javascript">
function loadAjax(str)
{
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","ajaxHandle.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>

<p><b>Start typing a name in the input field below:</b></p>
<form> 
First name: <input type="text" onkeyup="loadAjax(this.value)" size="20" />
</form>
<p>Suggestions: <span id="txtHint"></span></p>

</body>
</html>
قطعه کد زیر فایل PHP برنامه است که در صورت فراخوانی تابع ajaxLoad در برنامه بالا توسط AJAX فراخوانی می شود. این برنامه بر اساس شباهت حروف وارد شده توسط کاربر و کلمات ذخیره شده در آرایه a$ پیشنهادی را به صفحه وب باز میگرداند.
<?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=$_GET["q"];

//lookup all hints from array if length of 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];
        }
      }
    }
  }

// Set output to "no suggestion" if no hint were found
// or to the correct values
if ($hint == "")
  {
  $response="no suggestion";
  }
else
  {
  $response=$hint;
  }

//output the response
echo $response;
?>


▂ ▃ ▅ ▆ شبکه اجتماعی پارس یونیت ▆ ▅ ▃ ▂
▂ ▃ ▅ ▆ ساخت ساده و جذاب وبلاگ ▆ ▅ ▃ ▂
▂ ▃ ▅ ▆ تبلیغات خلاقانه ▆ ▅ ▃ ▂


نوع مطلب : ای جکس (AJAX)، 
برچسب ها : آموزش AJAX، نحوه کار با ایجکس در PHP، آموزش آژاکس،
لینک های مرتبط :

چهارشنبه 22 تیر 1390 :: نویسنده : mehrdad khosravi omid
سه شنبه 17 مرداد 1396 11:09 ق.ظ
I believe everything published was actually very logical.
But, what about this? what if you added a little information? I
mean, I don't wish to tell you how to run your blog, however what if you added a post
title that makes people want more? I mean تکنولوژی های طراحی وب سایت
- آموزش AJAX با PHP و Javascript is kinda plain. You might peek at Yahoo's
home page and see how they create post titles to get people to open the links.
You might try adding a video or a related picture or two to
grab people interested about everything've written. In my opinion, it would bring your blog a little bit more interesting.
دوشنبه 16 مرداد 1396 01:40 ب.ظ
I was recommended this blog by my cousin. I am not sure whether this post is written by him as
nobody else know such detailed about my problem. You're wonderful!

Thanks!
جمعه 13 مرداد 1396 04:43 ب.ظ
For latest news you have to go to see world wide web and on the web I found this site as
a finest web site for hottest updates.
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر


درباره وبلاگ


طراحی برتر با Firefars.com

مدیر وبلاگ : mehrdad khosravi omid
نویسندگان
آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
امکانات جانبی