۳
آذر

جلسه ۴۴ : استفاده از Ajax در PHP

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزش تصویری

با عرض سلام و ادب خدمت کاربران سایت پی وی لرن.
در این جلسه قصد داریم تا به آموزش استفاده از Ajax در php یا کار با ajax در php بپردازیم.

Ajax در ساخت برنامه هایی با تعامل بیشتر استفاده می شود.

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

در ادامه برنامه ایی خواهیم نوشت که نشان می دهد چطور یک صفحه وب هنگامی که کاربر متنی را داخل فیلد ورودی تایپ می کند، با وب سرور ارتباط برقرار می کند.

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

این عمل توسط رویداد onkeyup اجرا خواهد شد.

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

کد مثال:

مثال :

 <html>
<head>
<script>
function showHint(str) {
    if (str.length == 0) {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else {
        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>Start typing a name in the input field below:</b></p>
<form>
First name: <input type="text" onkeyup="showHint(this.value)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>
</body>
</html>

<html>

<head>

function showHint(str) {

if (str.length == 0) {

document.getElementById("txtHint").innerHTML = "";

return;

} else {

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>Start typing a name in the input field below:</b></p>

<form>

First name: <input type="text" onkeyup="showHint(this.value)">

</form>

<p>Suggestions: <span id="txtHint"></span></p>

</body>

</html>

توضیحات کد:

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

اگر خالی نبود کار های زیر را انجام می دهیم:

ایجاد یک XMLHttpRequest object
هنگامی که server responce آماده است، تابع را اجرا می کنیم.
یک درخواست به فایل gethint.php ارسال می کنیم.
توجه داشته باشید که پارامتر q به url اضافه شده است (gethint.php?q=”+str)
متغیر str محتوای فیلد ورودی را نگه می دارد.

محتوای فایل gethint.php

فایل php یک آرایه از اسامی را چک می کند و اسم های متناظر را به مرورگر ارسال می کند:

مثال :

?php
// 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 was found or output correct values
echo $hint === "" ? "no suggestion" : $hint;
?>

?php

// 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 was found or output correct values

echo $hint === "" ? "no suggestion" : $hint;

جلسه کار با Ajax در php و آموزش ajax نیز به پایان رسید.
در جلسه بعد آموزش کار با Ajax در MySQL خواهیم پرداخت. با ما همراه باشید.

همچنین می توانید نظرات و سوالات خود را از طریق بخش نظرات سایت با ما در میان بگذارید.

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۴۴ : استفاده از Ajax در PHP

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

محتوای فایل gethint.php

لیست مطالب دوره

مقدمات آموزش PHP

PHP Forms

MySQL Database

PHP - XML

PHP - AJAX

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ