میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

استفاده از ajax در PHP

با استفاده از AJAX ، می توانید برنامه ها کاربری خود را تعاملی تر کنید.


مثال AJAX در PHP

مثال زیر نشان خواهد داد شد که چگونه یک صفحه وب می تواند با یک وب سرور گفتگو کند (ارتباط داشته باشد) با استفاده از AJAX

زمانی که کاربر در کادر ورودی ، کلمه ای را تایپ کند، تابع “()showHint” اجرا می شود. این تابع زمانی که رویداد “onkeyup” فیلد ورودی رخ دهد، فراخوانی می شود:

<html>
<head>
<script>
function showHint(str)
{
if (str.length==0)
{
document.getElementById(“txtHint”).innerHTML=””;
return;
}
var xmlhttp=new XMLHttpRequest();
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>

توضیح کد Javascript:

اگر فیلد ورودی خالی باشد (str.length==0)، محتوای عنصر با شناسه “txtHint” خالی و از تابع خارج می شود.

اگر فیلد ورودی خالی نباشد، تابع ()showHint کارهای زیر را انجام می دهد:

  • شیء XMLHttpRequest ایجاد می شود.
  • زمانی که پاسخ سرور آماده باشد، یک تابع ایجاد و اجرا می شود. (وظیفه این تابع این است که پاسخ دریافت شده از سرور را در عنصر با شناسه “txtHint” قرار دهد)
  • درخواست یک فایل به سرور ارسال می شود.
  • توجه داشته باشید که یک پارامتر (q) به URL اضافه شده است (با محتوای فیلد ورودی تنظیم می شود)

فایل PHP مثال بالا:

فایلی که توسط کد JavaScript بالا صدا زده می شود یک فایل PHP بنام “gethint.php” است.

در فایل “gethint.php”، یک آرایه از نام ها چک می شود، و آنهایی که با پارامتر (q) متناظر است، چاپ می شود: (پاسخ ارسال می شود)

<?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;
?>


 

امیدواریم آموزش ” تجزیه کننده dom چیست؟ ” نیز برای شما مفید واقع شده باشد .برای مطالعه پست‌ها بیشتر ، ما را در مدرسه کدنویسی تلگرام  و یا در تی جوان اینستاگرام دنبال کنید.

نظراتتون رو زیر همین پست با ما به اشتراک بگذارید.

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟