AJAX یا Ajax JavaScript و XML Asynchronous است. برای تبادل اطلاعات با سرور و به روز رسانی بخشی از صفحه وب بدون بارگذاری مجدد کل صفحه وب در سمت سرویس گیرنده استفاده می شود. هنگام تبادل و به روز رسانی داده ها ، نمایش و رفتار صفحه وب موجود به هیچ وجه تداخل ایجاد نمی کند. Ajax همچنین به عنوان گروهی از فناوری ها در نظر گرفته می شود که دارای HTML ، CSS ، DOM و جاوا اسکریپت هستند که برای علامت گذاری ، ایجاد سبک و امکان تعامل کاربر با اطلاعات صفحه وب استفاده می شود. در این مقاله ، نحوه نوشتن یک برنامه ساده در مراحل Ajax را با استفاده از Notepad ++ به شما نشان می دهد. برخی از دانش اولیه در مورد HTML ، DOM ، جاوا اسکریپت و سرور وب محلی یا وب سرور از راه دور مورد نیاز است. WampServer در این مقاله برای آزمایش استفاده می شود.
مراحل
روش 1 از 2: کدگذاری
3929304 1
مرحله 1. عکسی را برای نوشتن برنامه Ajax آماده کنید
تصویر را در همان پوشه ای ذخیره کنید که در آن فایل های متنی و html خود را که برنامه Ajax را نمایش می دهند ذخیره می کنید. در این مقاله ، فهرست "ProgramInAjax" در داخل پوشه "wamp" تحت فهرست "www" که WampServer را در آن نصب کرده اید تنظیم شده است.
3929304 2
مرحله 2. هر ویرایشگر متن را باز کنید
در این مقاله از Notepad ++ به عنوان ویرایشگر متن استفاده می شود.
3929304 3
مرحله 3. یک فایل جدید در ویرایشگر متن ایجاد کنید
موارد زیر را تایپ کنید:
اوه اوه! گل زرد کجا رفت؟
شما می توانید هر چیزی را که می خواهید در تگ html تایپ کنید.
3929304 4
مرحله 4. فایل را به عنوان یک سند متنی با نام "ajax-data.txt" ذخیره کنید
” در واقع ، می توانید نام فایل را هرطور که می خواهید بگذارید ، اما مطمئن شوید که همان نام فایل را در کدگذاری در این خط وارد کنید:
xmlhttp.open ("GET" ، "ajax-data.txt" ، true) ؛
با این حال ، تگ های HTML برای هدر استفاده می شود تا بزرگتر و نامرئی تر به نظر برسد.
3929304 5
مرحله 5. یک فایل جدید برای یک صفحه وب ایجاد کنید
این فایل برای یک فایل HTML است تا برنامه Ajax را در مرورگر وب مشاهده کند.
3929304 6
مرحله 6. کد زیر را کپی کنید:
اولین برنامه آژاکس من توسط من کد Ajax را در زیر قرار دهید.
روی دکمه زیر کلیک کنید تا گل ناپدید شود
3929304 7
مرحله 7. فایل را ذخیره کنید
روی دکمه ذخیره در نوار منو کلیک کنید. کادر "ذخیره به عنوان" باز است. نام سند خود را وارد کنید در این مقاله ، نام فایل "index" است.
3929304 8
مرحله 8. برای انتخاب پسوند فایل ، روی پیکان کشویی کلیک کنید
در قسمت "ذخیره به عنوان نوع" ، روی پیکان کشویی کلیک کنید تا پسوند فایل را انتخاب کنید.
3929304 9
مرحله 9. "Hyper Text Markup Language file" را انتخاب کنید
” مطمئن شوید که داخل پرانتز "html" دارد. پس از انتخاب "html" روی ذخیره کلیک کنید.
3929304 10
مرحله 10. فایل HTML را در یک مرورگر وب آزمایش کنید
صفحه وب را در مرورگر وب باز کنید. در نوار بالای منو به "اجرا" بروید. روی آن کلیک کنید و "راه اندازی در Chrome" یا هر مرورگری که در سیستم شما نصب شده است را انتخاب کنید. در این مقاله از Google Chrome برای آزمایش استفاده می شود. ممکن است برخی مرورگرهای دیگر را در Notepad ++ نصب کرده باشید. می توانید مرورگر مورد علاقه خود را انتخاب کنید. یک گزینه دیگر ، می توانید روی نماد WampServer در نوار وظیفه در پایین صفحه کلیک کرده و "Localhost" را انتخاب کنید. شما باید دایرکتوری خود را در آنجا ببینید و روی فایل فهرست کلیک کنید.
مرحله 11. برای آزمایش اسکریپت روی دکمه زیر تصویر کلیک کنید
3929304 12
مرحله 12. آخرین صفحه وب شما
صفحه وب شما باید با اطلاعاتی که در ابتدا در فایل متنی وارد کرده اید تجدید شود. گل و سرصفحه باید با سرصفحه جدید جایگزین شود "اوه اوه! گل زرد کجا رفت؟"
روش 2 از 2: توضیح کد
3929304 13
مرحله 1. بخش بدن
بدنه HTML دارای بخش "div" و یک دکمه است. از این بخش برای نمایش اطلاعات برگشتی از سرور استفاده می شود. اگر روی دکمه کلیک شود ، یک تابع به نام "loadXMLDoc ()" فراخوانی می شود.
اولین برنامه آژاکس من توسط من یک تصویر برای آزمایش برنامه Ajax به اینجا می رود.
روی دکمه زیر کلیک کنید تا گل ناپدید شود
یک دکمه به اینجا می رود
3929304 14
مرحله 2. بخش سر
قسمت سر فایل HTML دارای یک تگ اسکریپت است که شامل تابع "loadXMLDoc ()" است.
اولین برنامه آژاکس من توسط من کد Ajax را در زیر قرار دهید.
مرحله 3. توضیح بیشتر
مهمترین چیز در Ajax شیء XMLHttpRequest است. برای تبادل داده با سرور استفاده می شود و همه مرورگرهای مدرن از شی پشتیبانی می کنند.
نحو ایجاد شی XMLHttpRequest () متغیر است = جدید XMLHttpRequest ()؛ اما در عین حال نحو ایجاد نسخه های قدیمی اینترنت اکسپلورر (IE5 و IE6) که از شی ActiveX استفاده می کند متغیر است = ActiveXObject جدید ("Microsoft. XMLHTTP").
برای مدیریت همه مرورگرهای مدرن ، باید بررسی کنید که آیا مرورگرها از شیء XMLHttpRequest پشتیبانی می کنند یا خیر. اگر چنین باشد ، یک شی XMLHttpRequest ایجاد می کند. اگر یکی این کار را انجام ندهد ، یک شی ActiveX برای آن ایجاد می کند.
سپس یک درخواست به سرور ارسال می کند. روش شیء XMLHttpRequest با نام "open ()" و "send ()" استفاده خواهد شد. xmlhttp.open ("GET" ، "ajax_info.txt" ، true) ؛ xmlhttp.send () ؛.
نکات
یک گزینه دیگر برای پیش نمایش نتیجه ، می توانید مرورگر مورد علاقه خود را باز کرده و "localhost/ProgramInAjax" را در نوار آدرس وب تایپ کنید تا صفحه وب نمایش داده شود. اگر نام فایل HTML خود را "index.html" گذاشته اید ، باید بتوانید صفحه وب را مشاهده کنید.
در طول کار ، فایل html خود را بیشتر ذخیره کنید. با فشردن همزمان کلیدهای Ctrl و S برای کاربران Window زمان بیشتری صرفه جویی می شود.
مطمئن شوید که فایل HTML ذخیره شده خود را در همان مکانی که تصویر و متن متن فایل شما در آن قرار دارد ، اضافه کنید.
هنگامی که یک فایل را نام می برید ، وقتی این اسامی را به کد اضافه کنید ، به حروف بزرگ حساس است. به عنوان مثال ، "myImage" با "MyImage" یا "myimage" متفاوت است.
اگر علاقه مند به ایجاد برنامه های کامپیوتری ، برنامه های تلفن همراه ، وب سایت ها ، بازی ها یا هر نرم افزار دیگری هستید ، باید نحوه برنامه نویسی را بیاموزید. برنامه ها با استفاده از زبان برنامه نویسی ایجاد می شوند. این زبان به برنامه اجازه می دهد تا با دستگاهی که بر روی آن کار می کند ، کار کند ، اعم از رایانه ، تلفن همراه یا هر سخت افزار دیگر.
آیا می خواهید یادگیری نحوه برنامه نویسی را شروع کنید؟ ورود به برنامه نویسی کامپیوتر می تواند دلهره آور باشد و ممکن است فکر کنید که برای یادگیری باید به کلاس ها بروید. اگرچه این ممکن است برای برخی از زبانها صادق باشد ، اما انواع زبانهای برنامه نویسی وجود دارد که درک مفاهیم اولیه فقط یک یا دو روز طول می کشد.
جاوا (با Javascript اشتباه گرفته نشود) یکی از محبوب ترین زبان های برنامه نویسی است. جاوا یک زبان برنامه نویسی سطح بالا است که می تواند برای توسعه برنامه ها برای سیستم عامل های مختلف از جمله Windows ، macOS ، Linux و Android استفاده شود. نحوه کار جاوا این است که شما Java Development Kit (JDK) را که برای توسعه کد جاوا استفاده می شود بارگیری کنید.
C یکی از زبانهای برنامه نویسی قدیمی است. این در دهه 70 توسعه یافت ، اما به دلیل سطح پایین آن هنوز بسیار قدرتمند است. یادگیری C یک راه عالی برای معرفی خود به زبان های پیچیده تر نیز هست و دانش به دست آمده تقریباً در هر زبان برنامه نویسی مفید خواهد بود و می تواند به شما در توسعه برنامه کمک کند.
بسیاری از مردم با زبان های برنامه نویسی که هر روز استفاده می کنند دچار مشکل یا سرخوردگی می شوند. برخی می خواهند امور به صورت انتزاعی تری اداره شود ، در حالی که برخی دیگر از ویژگی هایی که می خواهند استاندارد باشند ، خوشتان نمی آید. چه شما یک متخصص فناوری اطلاعات باشید یا فقط یک سرگرم کننده باشید ، در بسیاری از مواقع ممکن است به دنبال ایجاد یک زبان برنامه نویسی جدید باشید.
