دوره مجازی PHP (جلسه 7): تعامل Html ، PHP و Javascript : با Ajax حرفه ای شوید !

- visibility ۱۱۱ mode_comment

در این جلسه به شما آموزش خواهیم داد که چگونه از کدهای HTML ، CSS ، جاوا اسکریپت و Ajax به صورت تعاملی با PHP استفاده کنیم و از هر کدام مثال های جالبی خواهیم زد .

:: مواردی که در این جلسه مطرح می کنیم به شکل زیر هست :

فصل 7 : تعامل Html ، PHP و Javascript : با Ajax حرفه اي شويد !

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

  • لود و استفاده از فايل هاي PHP در همديگر
  • تشريح توابع include و include_once
  • تشريح توابع require و require_once
  • مروري بر زبان نماد گذاري HTML
  • استفاده از تگ هاي HTML براي نمايش بهتر خروجي کدهاي PHP
  • استفاده از تگ هاي فرمت بندي متن در خروجي هاي PHP
  • ايجاد خروجي هاي پويا و متغير
  • استفاده از حلقه هاي PHP و تگ table براي نمايش خروجي به صورت جدولي
  • نمايش شرطي ويژگي ها و تگ هاي HTML و کلاس هاي CSS
  • مروري بر زبان جاوااسکريپت
  • تشريح کاربردهاي زبان جاوااسکريپت
  • نحوه ي استفاده از کدهاي جاوا اسکريپت در صفحات PHP
  • نحوه ي انتقال و استفاده از داده ها و مقادير php در کدهاي جاوااسکريپت
  • جي کوئري (jQuery) و سهولت در نوشتن کدهاي جاوااسکريپت !
  • بررسي اعتبار داده هاي ورودي کاربر توسط جاوااسکريپت (جي کوئري)
  • نمايش پيام هشدار پيش از انجام عمليات حساس، با استفاده از جاوااسکريپت
  • تکنولوژي Ajax چيست ؟
  • مزايا و معايب استفاده از Ajax
  • موارد استفاده ي صحيح و اشتباه از تکنولوژي Ajax
  • آموزش به کارگيري Ajax به همراه PHP با استفاده از کتابخانه ي جي کوئري
  • نمايش تصوير و يا متن لودينگ در هنگام ارسال درخواست Ajax
  • ميني پروژه : جستجو در ليست اسامي و پيشنهاد نتايج در هنگام تايپ با استفاده از Ajax
  • تمرين

info نکته :

بعضی از مطالبی که در سرفصل های فوق آمده اند در ادامه ی دوره ی آموزشی تشریح و توضیح داده خواهند شد .

info توجه

این مطلب یک جلسه از دوره حرفه ای PHP می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره حرفه ای PHP

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

سلام آقای آوند آیا به طور کامل AJAX رو یا میدید در این دوره؟؟؟
MySQL چطور؟؟

کیوان علی محمدی

سلام دوست عزیز. مطالب گفته شده تقریبا کامل هستش.

ارغوان باغی

سلام و وقت بخیر .

چرا اطلاعات غلط به کاربر میدید . ajax آموزش داده نمیشه توی این دوره . حتی آقای آوند هم این مورد رو ذکر میکنن توی همین قسمت از آموزش .فقط یه مثال زده میشه برای اینکه کاربر یه نمونه از ajax دیده باشه

لقمان آوند

سلام
بله جناب علیمحمدی مسائل مربوط به طبان php رو احتمالا گفتند.
برای ایجکس چند مورد مثال زیده شده و برای تدریس کاملش باید دوره js رو ببینید.
mySQL خوب تدریس شده

darin

سلام آقای آوند
ممنونم از آموزش خوبتون
آقای آوند من یک مشکل برام پیش امده ممنون میشم راهنماییم کنید:
آقای آوند شما در مثال سرچ شماره تلفن امدید که با ajax داده ها را سریالایز کردید و به صفحه مورد نظر فرستادید برای پردازش. خب قبول و در صفحه مورد نظر با استفاده از دستور get آن input را که حاوی اطلاعات بود گرفتید. حالا اگه یک فرم با input های زیادی باشد باید تک تک با دستور get یا post محتوای این input ها را بگیریم و نمیشه این get یا post ها داخل یک تابع یا if باشند؟
نمیشه با استفاده از دستور if($post) کل فرم را بگیریم و بعد داخل (post)if کارهای گرفتن داده ها را انجام دهیم؟
مثل ورد پرس که با استفاده از خاصیت action داخل data: مشخص میکند که چه فرمی ارسال شده است.
میخواهم داده ها داخل یک if یا تابع پردازش شوند.

لقمان آوند

مشکلی نداره. شما می تونید چک کنید اگر $__POST ست شده باشه داخل if داده ها رو ازش بگیرید. باید چک کنید یکی یکی که کدوم داده ست شده.
برای این کار شاید بتونید یه تابع بنویسید که ورودی های post رو بگیره و در یه آرایه دیگه بهتون برگردونه!

سحر بشری

سلام استاد وقتتون بخیر. در این سرچ تلفن ها شما یه دایو ایجاد کردید که نتایج سرچ رو اونجا نشون بده. اما اگه مثل گوگل بخوایم نتایج درون همون input نشون داده بشه چجوری میشه؟؟؟ من بجای کلاس دایوی که برای نتایج در فایل جاوا اسکریپت گذاشتید کلاس input رو گذاشتم که نتایج اونجا نمایش داده بشه اما اجرا نشد.

لقمان آوند

اینکار نیاز به بحثای پیشرفته تری داره. باید از ایجکس هم استفاده کنید و بتونید به خوبی با جاوااسکریپت کار کنید.
البته پلاگین های js خوبی در این زمینه هست که به نام autocompelete معروفن. اینجا می تونید چند نمونشو ببینید.

Farid S

searchVal رو در کد زیر undefined میدونه

این درحالی هست که وقتی از ajax برای درخواست استفاده میکنم. و درصورتی که استفاده نکنم ارور نمیگیرم.

لقمان آوند

سلام
خوب احتمالا مقدارش درست ارسال نمیشه یا اینکه در کدتون اشتباهی انجام دادید. باید همه کدتون رو ببینم. لطفا زیپ کنید و برام ایمیل کنید بررسی می کنم.

Farid S

http://up.persianscript.ir/uploads2/1253-s6.zip

خیلی ممنون، واقعا آدم با پشتیبانی دلش گرم میشه. انشالله به همین قوت ادامه داشته باشه.

لقمان آوند

سلام
مشکل از عدم کارکرد ایجکس بوده.
اول اینکه فایل جی کوئری رو لود کردید مشکل داره. من همونی که تو دوره استفاده کردیم رو به جاش لود کردم. (jquery.min.js)
دوم اینکه کدهای ایجکس درون blog.js هم کامنت بودن و کار نمی کردن. یکم تغیرش دادم. اگه بتونید دوره جاوااسکریپت و جی کوئری رو هم ببینید بدردتون می وره اینجور مواقع.
از اینجا دانلود کنید.

mohammad babaei

ممنون که به دیدگاهم توجه کردید.!

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 3 4 5