ajax

در آموزش قبلی از بخش آموزش های کاربردی mysql با شیوه ساخت فرم تماس و ارسال نظرات به همراه کد امنیتی آشنا شدیم، همان طور که دیدیم برای ایجاد این گونه قابلیت ها باید از php ، html و mysql در یک ارتباط منطقی استفاده کنیم و در یک ساختار نسبتا ساده اطلاعات را از فرم html به کد php ارسال کرده و بعد از پردازش در جداول و ستون های mysql ذخیره کنیم، حال می خواهیم یک امکان دیگر نیز به برنامه خود اضافه کنیم، این امکان، قابلیت تعویض کد امنیتی (کد captcha) است که برای ایجاد آن باید...

از جمله قابلیت ها و امکانات مورد نیاز در برخی صفحات وب مانند شبکه های اجتماعی، پایگاه های خبری، سایت های پرسش و پاسخ، انجمن ها و... قابلیت امتیازدهی به مطالب و نظرات کاربران است که امروزه کاربرد فراوان دارد، ویژگی خاص این قابلیت، یعنی نیاز به ارسال و دریافت درخواست در پس زمینه و بدون رفرش شدن صفحه باعث می شود که ناگزیر دست به دامن آژاکس (Ajax) یا فریم ورک های آن شویم، از طرفی بعد از ارسال درخواست آژاکسی، در سمت سرور نیز باید با php و mysql آن را پردازش کرده و متناسب با اتفاقاتی که...

استفاده از ای جکس (Ajax) به جهت قابلیت منحصر به فرد آن یعنی عدم نیاز به بارگذاری مجدد صفحه وب و رفرش کامل می تواند در بسیاری از مواقع و بنا بر نیاز برنامه نویسان کاربردی و رهگشا باشد، یکی از این موارد اعتبارسنجی فرم های وب پیش از ارسال و حین تکمیل است، همان طور که می دانیم اعتبارسنجی به فرآیند بررسی معتبر بودن داده های ارائه شده توسط کاربر یا تطبیق آنها با الگوهای مورد انتظار گفته می شود که در مجموع در دو حالت سمت کاربر (در مرورگر و با زبان هایی مانند جاوا اسکریپت) یا سمت...

انجام آپلود در صفحات وب از طریق فرم های HTML یکی از شیوه های متداولی است که برای ارسال و ذخیره سازی فایل ها در فرمت های مختلف از سمت سیستم کاربر به حافظه سرور کاربرد دارد، در این شیوه در حالت معمول اگر بخواهیم فایلی را به سرور ارسال کنیم با اتمام فرایند آپلود آدرس صفحه مرورگر به طور خودکار تغییر کرده و به آدرس مقصدی که در قسمت action تگ form در نظر گرفته ایم منتقل می شود، این ساز و کار در عمل فایل را آپلود می کند اما ممکن است با توجه به رابط کاربری مد...

اغلب استفاده ما از ای جکس (Ajax) در برنامه نویسی وب به قابلیت های ذاتی و استاندارد آن محدود می شود و شاید خواندن این مطلب برای کاربردهای عمومی چندان هم ضروری نباشد اما اگر بخواهیم تا حد تسلط کامل پیش برویم ناگزیر باید با مبحث فریم ورک های ای جکس حداقل در حد اطلاعات اولیه آشنا باشیم، بعضا ممکن است در پروژه های بزرگ برنامه نویسی برخی کارهای پیچیده با صرف کدنویسی ای جکس و متدهای متداول آن محقق نشود یا در کارهای گروهی به دلیل ایجاد سرعت و هماهنگی بیشتر یا سلیقه اعضاء تیم نیاز به کار با...

یکی از قابلیت های منحصر به فرد برنامه نویسی ای جکس (Ajax) در صفحات وب امکان نمایش زنده آمار و اطلاعات مبتنی بر ارسال درخواست و دریافت پاسخ در لحظه است، نمونه هایی از این قابلیت را در کدها و برنامه های تحت وب دیده ایم، به طور مثال در برخی از سیستم های آمارگیر سایت قسمتی تحت عنوان نمایش زنده وجود دارد که در لحظه اطلاعات صفحات بازدید شده توسط کاربران را نمایش داده و در فواصل زمانی کوتاه آخرین نتایج را به روزرسانی می کند، جالب است اگر بدانیم این نمایش زنده آمار در صفحات وب صرفا با...

در وب اگر بخواهیم اطلاعاتی را از سمت کاربر (Client) ارسال و در سمت سرور (Server) در فایلی ذخیره کنیم یا برعکس اطلاعات فایلی را از سرور خوانده و بدون رفرش صفحه در سمت کاربر نمایش دهیم، بی تردید گزینه مناسب انجام این فرآیندها استفاده از قابلیت های ای جکس (Ajax) خواهد بود، ای جکس به عنوان فناوری که می تواند واسط بین سمت کاربر و سمت سرور باشد به خوبی جایگزین روش های متداول که مبتنی بر رفرش و بارگذاری مجدد صفحه هستند می شود، گفتیم که تکنیک ای جکس مبتنی بر جاوا اسکریپت است و لذا در سمت...

استفاده از ای جکس (Ajax) به عنوان تکنیک نوین در عرصه وب در خیلی از مواقع گزینه مناسبی برای نمایش محتوا به صورت جذابتر و راه حلی برای طراحی رابط کاربری حرفه ای تر است، مهمتر از اینها صرفه جویی در استفاده از منابع سرور و کمک به بارگذاری سریع تر صفحات در سمت کاربر مخصوصا برای مواقعی که کیفیت و سرعت اینترنت پائین است از مزیت های عمده استفاده از ای جکس (Ajax) محسوب می شود، با این وجود قبل از دخیل کردن این قابلیت در کدنویسی صفحات وب باید دقت کافی داشته و ظرافت به خرج دهیم، اگر...

تا این قسمت از آموزش های مقدماتی ای جکس (Ajax) گفتیم این زبان تکنیک غیرهمزمانی در وب است که از ترکیب برنامه نویسی جاوا اسکریپت و XML شکل گرفته و به طور خلاصه هدف از معرفی آن جلوگیری از بارگذاری مجدد صفحات وب در هنگام ارسال درخواست ها و صرفه جویی در میزان اطلاعات رد و بدل شده بین مرورگر کاربر و سرور است، استفاده به جا از ای جکس در مجموع به زیبایی و کارایی رابط کاربری (User Interface) برنامه های تحت وب کمک می کند، همچنین در مباحث قبل نحوه ارسال و دریافت اطلاعات با متد POST و...

ای جکس (Ajax) فناوری است که امروزه در صفحات وب و به ویژه در برنامه ها و سرویس هایی نظیر شبکه های اجتماعی، چت روم ها، دیکشنری های آنلاین، موتورهای جستجو و... به وفور مورد استفاده قرار می گیرد، به فرض اگر در سایتی مانند موتور جستجوی گوگل بخواهیم کلمه ای را وارد کنیم، معمولا بلافاصله پس از تایپ یک عبارت، پرس و جوی ما به طور خودکار به سرور ارسال شده و گوگل متناسب با عبارت درخواستی لیستی از کلمات پرکاربرد را به عنوان پیشنهاد نمایش می دهد، این قابلیت چیزی است که به کمک ای جکس و فریم...

در مطالب پیشین از بخش آموزش مقدماتی ای جکس (Ajax) در خصوص متد readyState و متد onreadystatechange که مبتنی بر رویداد بود به صورت مختصر صحبت کردیم، گفتیم که در ای جکس وضعیت با متد readyState بررسی می شود که نتیجه یک عدد بین 0 تا 4 است، onreadystatechange نیز تابعی از نوع EventHandler یا مدیریت کننده رویداد است که با تغییر هر شماره از 0 تا 4 اجرا می شود و می تواند درون خود شامل هر کدی باشد که نیاز برنامه ما اقتضاء می کند، به طور مثال با وجود این دو قابلیت می توانیم از زمان اجرای تابع ارسال...

در آموزش های مقدماتی ای جکس (Ajax) گفتیم که چگونه می توان اطلاعات یک فرم را با متد GET یا POST برای یک فایل PHP ارسال و نتایج حاصل از پردازش آنها را بدون رفرش شدن صفحه به کاربر نشان داد که در واقع این فرآیند فلسفه پیدایش تکنیک Ajax است، در این مطلب می خواهیم کمی از تئوری فاصله گرفته و کدی کاربردی را قرار دهیم که به کمک آن بدون استفاده از کتابخانه هایی مانند جی کئوری (jQuery) و دردسرهایش، تنها بر مبنای ای جکس صرف (Pure Ajax) اطلاعات یک فرم HTML را به صورت پیشرفته ارسال و...

به طور کلی ارسال و دریافت اطلاعات در بستر وب با دو متد GET و POST صورت می گیرد که جزئی از استانداردهای تعریف شده پروتکل HTTP هستند و توسط مرورگرها و سرورهای مختلف پشتیبانی می شوند، متد GET معمولا برای ارسال پارامترهای قابل روئیت در آدرس URL درخواستی و دریافت پاسخ از سرور کاربرد دارد، از متد POST نیز به طور معمول در کدنویسی HTML در هنگام کار با فرم ها (تگ form) و ارسال اطلاعات به صورت غیرقابل روئیت استفاده می شود، در ای جکس GET و POST کارکردی مشابه دارند با این تفاوت که در هر دو...

همانطور که در بخش آموزش های مقدماتی ای جکس (Ajax) اشاره شد، یکی از کاربردهای استفاده از این تکنیک در صفحات وب رد و بدل کردن اطلاعات بین مرورگر و سرور بدون نیاز به رفرش صفحه است، به عبارتی تمام فعل و انفعالات در پس زمینه انجام شده و در سمت کاربر (مرورگر) تقریبا جزء نمایش نتایج اتفاق خاصی رخ نمی دهد و کاربر در حالت معمول متوجه چگونگی این فرآیند نیز نمی شود و می تواند به ادامه پیمایش صفحه بپردازد که به این حالت در اصطلاح درخواست غیرهمزمان (Asynchronous) یا هم روند می گویند، در این مطلب نیز...

ای جکس (Ajax) عنوان جذابی است از نوعی تکنیک برنامه نویسی ترکیبی که از سال 2005 با کاربرد آن توسط موتورهای جستجویی چون گوگل و برنامه نویسان وب مطرح شد، این کلمه مخففی است از سرواژه های Asynchronous JavaScript And XML و در بیانی ساده به معنی نقل و انتقال داینامیک و غیرهمزمان اطلاعات در صفحات وب بدون بارگذاری مجدد (reload) آنها است، نمونه برجسته ای از کاربرد ای جکس در شبکه های اجتماعی، چت روم های آنلاین و سرویس های آپلود فایل خودنمایی می کند، در واقع با کمک این تکنیک درخواست از سمت مرورگر به سرور ارسال می...