آموزش Ajax با PHP: محتوای پویا را به وب سایت ها اضافه کنید

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• نحوه استفاده از پرونده های تمرینی How to use the exercise files

1. آژاکس تعریف شده است 1. Ajax Defined

• آژاکس چیست؟ What is Ajax?

2. مشتری آژاکس 2. Ajax Client

• درخواست ها Requests

• پاسخ Responses

• ایالات و وقایع States and events

• متن از راه دور را بارگیری کنید Load remote text

• بارگذاری JSON از راه دور Load remote JSON

• با استفاده از jQuery Using jQuery

3. سرور PHP 3. PHP Server

• درخواست های آژاکس را تشخیص دهید Detect Ajax requests

• با قسمت های HTML پاسخ دهید Respond with HTML partials

• با داده های JSON پاسخ دهید Respond with JSON data

• صفحه را تغییر دهید Update page on change

4. دکمه آژاکس 4. Ajax Button

• یک دکمه مورد علاقه ایجاد کنید Create a favorite button

• ارسال دکمه درخواست آژاکس Send button Ajax request

• دکمه پردازش درخواست آژاکس Process button Ajax request

• دکمه دستگیره پاسخ آژاکس Handle button Ajax response

• موارد دلخواه را در بارگذاری صفحه علامت گذاری کنید Mark favorites on page load

• یک دکمه نامطلوب ایجاد کنید Create an unfavorite button

5- ارسال فرم آژاکس 5. Ajax Form Submission

• فرم را ایجاد کنید Create the form

• جمع آوری داده های فرم Gather form data

• خطاهای فرم را کنترل کنید Handle form errors

• یک چرخش بارگذاری اضافه کنید Add a loading spinner

• دکمه فرم را غیرفعال کنید Disable form button

• اجازه بازگشت به HTML را می دهد Allow fallback to HTML

• جلوگیری از پیش فرض Prevent default

6. پیمایش نامحدود 6. Infinite Scrolling

• ایجاد یک صفحه از موارد Create a page of items

• درخواست بار را پردازش کنید Process a load request

• نتایج HTML اضافه کنید Append HTML results

• از یک ویژگی داده استفاده کنید Use a data attribute

• آژاکس را فعال کنید Trigger Ajax on scroll

• از درخواست های متعدد جلوگیری کنید Prevent multiple requests

7. جستجو در Autosuggest 7. Search Autosuggest

• یک ورودی متن ایجاد کنید Create a text input

• پیشنهادات سبک Style suggestions

• ارسال درخواست خودکار آژاکس Send an autosuggest Ajax request

• نتایج را محاسبه کنید Calculate results

• پیشنهادات را با JSON قالب بندی کنید Format suggestions with JSON

نتیجه Conclusion

• مراحل بعدی Next steps