در این آموزش قصد داریم آموزش ایجاد سرچ AJAX در PHP را به شما آموزش داده و بتوانید با هر کاراکتر در اینپوت ، مقادیر مشابه در دیتابیس خود را استخراج کرده و در خروجی همان صفحه چاپ کنید.
هنگام رسیدگی به درخواست ها با استفاده از جاوا اسکریپت، به عنوان مثال با Fetch API، ممکن است نیاز داشته باشید که با response headers سروکار داشته باشید.
بسیاری از APIها از اطلاعات هدر برای به اشتراک گذاری داده های مفید استفاده می کنند.
میدانیم که میتوانیم در درخواست های httpRequest , heard تنظیم کرده و ارسال کنیم. برای مثال دو صفحه بسازید.
/test.html وکد زیر را در آن وارد کنید :
همانطور که میبینید، با دستور fetch به صفحه ثانویه درخواست زدیم و متن آن صفحه را فراخوانی کرده ایم.
حال یک صفحه test.php بسازید و کد زیر را در آن بنویسید:
همانطور که میبینید، در صفحه ثانویه ما یک هدر ست کرده بودیم و با ارسال درخواست آن هدر را استخراج کردیم.
این حالت اول که بررسی کردیم.
اما حالت بعدی…
اینست که یک متد در url ارسال کنیم.
ابتدا یک صفحه index.html بسازید و کد های زیر را در آن قرار دهید.
در کد بالا با هر بار onClick در input فانکشن MyLoad فراخوانی شده، مقدار محتویات اینپوت را گرفته و با تکنولوژی Ajax در جاوا اسکریپت و با متد GET , آن را به صفحه Reg.php ارسال میکند.
لطفا یک صفحه به نام Reg.php بسازید و محتویات زیر را در آن وارد کنید.
ID | Name | |
---|---|---|
".$row["id"]." | ".$row["fullName"]." | ".$row["email"]." |
همانطور که در کد php بالا مشاهده میفرمایید، اطلاعات ارسال شده از صفحه قبل را در متغیری به نام $para ذخیره کرده و آن را با like در دیتابیس مربوطه کوئری زدیم و با fetch_assoc توانستیم هر سطری که شباهت با ورودی کاربر دارد را در خروجی table چاپ کنیم.
این یک کد بسیار ساده و در عین حال بسیار کاربردی در زبان PHP میباشد.
یادتان نرود تا زمانیکه به جاوا اسکریپت مسلط نشوید، نمیتوانید بک اند کار حرفه ای شوید. کلاس های آموزش فرانت اند حرفه ای ما را از دست ندهید.
در آدرس زیر میتوانید لینک دموی این دستور را بصورت آنلاین مشاهده بفرمایید.
همین مثال بالا را با fetch بازنویسی میکنیم. یک صفحه test.html بسازید و محتویات زیر را داخل آن بنویسید.
و در صفحه test.php آن را دریافت و پردازش کرده و میتوان در خروجی نمایش داد.
پیشنهاد میکنیم حتما مقاله آموزش کامل fetch , ajax را مطالعه بفرمایید.
از وبلاگ پرنیان
امیدواریم از این مقاله نهایت استفاده را برده باشید و آن را با دوستانتان به اشتراک بگذارید. تیم تولید محتوای مدرسه اینترنتی پرنیان این مقاله را تهیه کرده است.