اے جی ایکس پی ایچ پی مثال

AJAX برای ایجاد برنامه‌های تعاملی‌تر استفاده می‌شود.

اے جی ایکس پی ایچ پی مثال

در مثال زیر مشاهده می‌کنید که چگونه وب‌سایت با سرور وب به صورت ارتباط برقرار می‌کند:

مثال

لطفاً حروف الفبا A-Z را در فیلد ورودی زیر تایپ کنید:

نام:

پیشنهادات جستجو:

توضیح مثال

در مثال بالا، هنگامی که کاربر در فیلد ورودی حروف تایپ می‌کند، تابع به نام "showHint()" اجرا می‌شود.

این تابع توسط رویداد onkeyup تحریک می‌شود.

در کد زیر HTML آمده است:

مثال

<html>
<head>
<script>
function showHint(str) {
    if (str.length == 0) { 
        document.getElementById("txtHint").innerHTML = "";
        return;
    }
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("txtHint").innerHTML = this.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>

خود شخص سائیڈ

کد توجیہ:

ابتدا میں، فرم کا فیلڈ خالی ہے یا نہیں کا چک کریں:str.length == 0)، اگر وہ موجود ہے تو txtHint نمائش فیلڈ کا مطلب خالی کریں اور فانکشن کو چھوڑیں。

بغیر کوئی چیز نرسانے کی کوشش کریں، اگر فرم کا فیلڈ خالی نہیں ہے تو اگلے طور پر آگے بڑھیں:

  • XMLHttpRequest اوبجیکٹ بنائیں
  • سرور جب جواب فراہم ہوگا تو اس کا عمل انجام دیئے جانے والی فانکشن بنائیں
  • خودکار واپسی پر سرور پر پی ایچ پی فائل (gethint.php) کو بغیر کوئی چیز نرسانے کی کوشش کریں
  • لطفاً gethint.php میں q پارامتر کو شامل کریں
  • str متغیر ناویں کا مطلب محفوظ کرتی ہے

پی ایچ پی فائل - "gethint.php"

یہ پی ایچ پی فائل ناویں کا آرائی چک کرتا ہے، تو بروئر کو مربوط ناویں واپس فراہم کرتا ہے:

<?php
// ناویں کے آرائی کا نما
 $a[] = "Ava";
 $a[] = "Brielle";
 $a[] = "Caroline";
 $a[] = "Diana";
 $a[] = "Elise";
 $a[] = "Fiona";
 $a[] = "Grace";
 $a[] = "Hannah";
 $a[] = "Ileana";
 $a[] = "Jane";
 $a[] = "Kathryn";
 $a[] = "Laura";
 $a[] = "Millie";
 $a[] = "Nancy";
 $a[] = "Opal";
 $a[] = "Petty";
 $a[] = "Queenie";
 $a[] = "Rose";
 $a[] = "Shirley";
 $a[] = "Tiffany";
 $a[] = "Ursula";
 $a[] = "Victoria";
 $a[] = "Wendy";
 $a[] = "Xenia";
 $a[] = "Yvette";
 $a[] = "Zoe";
 $a[] = "Angell";
 $a[] = "Adele";
 $a[] = "Beatty";
 $a[] = "Carlton";
 $a[] = "Elisabeth";
 $a[] = "Violet";
// پارامتر q از URL دریافت کنید
$q = $_REQUEST["q"];
$hint = "";
// همه hint‌های آرایه را بررسی کنید، آیا $q با "" مشابه است
if ($q !== "") {
    $q = strtolower($q);
    $len=strlen($q);
    foreach($a as $name) {
        if (stristr($q, substr($name, 0, $len))) {
            if ($hint === "") {
                $hint = $name;
            }
                $hint .= ", $name";
            }
         }
    }
}
// "no suggestion" را چاپ کنید، اگر hint پیدا نشد یا مقدار صحیح چاپ شود
  echo $hint === "" ? "no suggestion" : $hint;
?>
c.html" -->