آموزش PHP – واکشی داده ها از دیتابیس MySQL با AJAX

واکشی اطلاعات از دیتابیس با فراخوانی توابع AJAX

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

در این مثال کاربر اسم شخص مورد نظر را از لیست کشویی انتخاب کرده و اطلاعات مربوطه ی آن را بدون اینکه کل صفحه بروز رسانی شود، از دیتابیس می خواند و در زیر نمایش می دهد:

شرح مثال – دیتابیس MySQL

جدول دیتابیسی که اطلاعات مثال فوق از آن واکشی شده و به نمایش در می آید، مشابه زیر می باشد:

شرح مثال

در مثال فوق، زمانی که یک کاربر شخص مورد نظر را از لیست کشویی (drop-down list) انتخاب می کند، در واقع یک تابع به نام "showUser()" فراخوانی می شود.

این تابع را رخداد onchange فراخوانی می کند.

کد HTML مربوطه را در زیر مشاهده می کنید.

مثال:

Select a person:
Peter Griffin
Lois Griffin
Joseph Swanson
Glenn Quagmire
  



Person info will be listed here...

شرح کد:

ابتدا می بایست شخص مورد نظر را انتخاب نمایید. چنانچه شخصی انتخاب نشده باشد (str == "")، در آن صورت محتوای txtHint را حذف و از تابع خارج می شود. اگر شخص دلخواه انتخاب شده باشد، آنگاه اقدامات زیر صورت می گیرد:

• یک آبجکت XMLHttpRequest ایجاد می شود.
• یک تابع تعریف می شود که به هنگام آماده شدن پاسخ سرویس دهنده (server response)، فراخوانی شده و اجرا می شود.
• درخواست (request) را به فایل مستقر بر روی سرویس دهنده هدایت می شود.
• یک پارامتر (q) به URL (به همراه محتوای لیست کشویی) اضافه می شود.

فایل PHP

صفحه ای از اپلیکیشن تحت وب مستقر در سرویس دهنده که کد JavaScript بالا آن را فراخوانی می کند، در واقع یک فایل PHP به نام "getuser.php" می باشد.

کد موجود در فایل "getuser.php" یک کوئری از دیتابیس MySQL می گیرد و نتیجه را در قالب یک جدول HTML برمی گرداند:

Firstname
Lastname
Age
Hometown
Job
";
while($row = mysqli_fetch_array($result)) {
    echo "";
    echo "" . $row['FirstName'] . "";
    echo "" . $row['LastName'] . "";
    echo "" . $row['Age'] . "";
    echo "" . $row['Hometown'] . "";
    echo "" . $row['Job'] . "";
    echo "";
}
echo "";
mysqli_close($con);
?>

شرح: زمانی که کوئری و دستور درخواست داده از JavaScript به فایل PHP ارسال می شود، اتفاقات زیر به ترتیب رخ می دهد:

1. PHP یک connection به سرور MySQL ایجاد می کند.
2. شخص مورد نظر و اطلاعات مربوطه ی آن یافت می شود.
3. یک جدول HTML ایجاد شده با داده های مورد نیاز پر می شود و متعاقبا به پارامتر مکان نگهدار (placeholder) "txtHint" ارسال می گردد.