AJAX или Ajax е асинхронен JavaScript и XML. Използва се за обмен на данни със сървър и актуализиране на част от уеб страница, без да се презарежда цялата уеб страница от страна на клиента. Показването и поведението на съществуващата уеб страница изобщо не се намесват при обмена и актуализирането на данните. Ajax също се счита за група технологии, които имат HTML, CSS, DOM и JavaScript, които се използват за маркиране, оформяне и позволяват на потребителя да взаимодейства с информацията на уеб страницата. В тази статия тя ще ви покаже как да напишете проста програма в Ajax стъпки по стъпки, използвайки Notepad ++. Изискват се някои основни познания за HTML, DOM, JavaScript и локален уеб сървър или отдалечен уеб сървър. WampServer се използва в тази статия за тест.
Стъпки
Метод 1 от 2: Кодиране
3929304 1
Стъпка 1. Подгответе картина за писане на програма на Ajax
Запазете картината в същата папка, където ще запазите вашите html и текстови файлове, показващи програмата Ajax. В тази статия директорията „ProgramInAjax“е настроена в папката „wamp“под директорията „www“, където сте инсталирали WampServer.
3929304 2
Стъпка 2. Отворете всеки текстов редактор
Notepad ++ се използва като текстов редактор в тази статия.
3929304 3
Стъпка 3. Създайте нов файл в текстовия редактор
Въведете следното:
Ох ох! Къде отиде жълтото цвете?
Можете да въведете каквото искате вътре в html taghere.
3929304 4
Стъпка 4. Запишете файла като текстов документ с името „ajax-data.txt
” Всъщност можете да дадете име на файла както искате, но не забравяйте да въведете същото име на файла за кодирането в този ред:
xmlhttp.open ("GET", "ajax-data.txt", вярно);
HTML тагът обаче се използва за заглавката, така че да изглежда по -голям и по -невидим.
3929304 5
Стъпка 5. Създайте нов файл за уеб страница
Този файл е за HTML файл за преглед на програмата Ajax в уеб браузър.
3929304 6
Стъпка 6. Копирайте следния код:
Моята първа програма на Ajax от мен Поставете кода на Ajax по -долу.
Щракнете върху бутона по -долу, за да накарате цветето да изчезне
3929304 7
Стъпка 7. Запазете файла
Щракнете върху бутона за запазване в лентата с менюта. Отваря се поле „Запазване като“. Въведете име за вашия документ. В тази статия името на файла е „индекс“.
3929304 8
Стъпка 8. Щракнете върху падащата стрелка, за да изберете разширението на файла
В полето „Запазване като тип“щракнете върху падащата стрелка, за да изберете разширението на файла.
3929304 9
Стъпка 9. Изберете „Езиков файл за маркиране на хипертекст
” Уверете се, че има „html“в скобите. Щракнете върху запазване, след като изберете „html“.
3929304 10
Стъпка 10. Тествайте HTML файла в уеб браузър
Отворете уеб страницата в уеб браузър. Отидете на „Run“в горната лента с менюта. Щракнете върху него и изберете „Стартиране в Chrome“или всеки браузър, инсталиран във вашата система. Google Chrome се използва за тестване в тази статия. Може да имате някои други браузъри, инсталирани в Notepad ++. Можете да изберете любимия си браузър. Друга възможност е да кликнете върху иконата WampServer в лентите на задачите в долната част на екрана и да изберете „Localhost“. Трябва да видите директорията си там и да щракнете върху индексния файл.
Стъпка 11. Щракнете върху бутона под картината, за да тествате скрипта
3929304 12
Стъпка 12. Последната ви уеб страница
Вашата уеб страница трябва да бъде опреснена с информацията, която сте въвели в текстовия файл в началото. Цветето и заглавката трябва да бъдат заменени с новата заглавка, наречена „О, о! Къде отиде жълтото цвете?"
Метод 2 от 2: Обяснение на кода
3929304 13
Стъпка 1. Раздел на тялото
Тялото на HTML има раздел „div“и един бутон. Този раздел ще се използва за показване на информацията, върната от сървъра. Бутонът извиква функция, наречена „loadXMLDoc ()“, ако се щракне върху нея.
Моята първа програма на Ajax от мен Тук отива изображение, за да тества програмата Ajax.
Щракнете върху бутона по -долу, за да накарате цветето да изчезне
Тук отива бутон
3929304 14
Стъпка 2. Главата
Главата на HTML файла има скриптов маркер, който съдържа функцията “loadXMLDoc ()”.
Моята първа програма на Ajax от мен Поставете кода на Ajax по -долу.
Стъпка 3. Още обяснение
Най -важното нещо на Ajax е обектът XMLHttpRequest. Използва се за обмен на данни със сървъра и всички съвременни браузъри поддържат обекта.
Синтаксисът за създаване на XMLHttpRequest () обект е променлив = нов XMLHttpRequest (); но в същото време синтаксисът за създаване на стари версии на Internet Explorer (IE5 и IE6), който използва ActiveX обект, е променлив = нов ActiveXObject ("Microsoft. XMLHTTP");.
За да се справят с всички съвременни браузъри, трябва да проверят дали браузърите поддържат обекта XMLHttpRequest. Ако това стане, той създава XMLHttpRequest обект. Ако някой не го направи, той ще създаде ActiveX обект за него.
След това той ще изпрати заявка до сървъра. Ще се използва методът на обекта XMLHttpRequest, наречен “open ()” и “send ()”. xmlhttp.open ("GET", "ajax_info.txt", вярно); xmlhttp.send ();.
Съвети
Друга възможност за визуализация на резултата, можете да отворите любимия си браузър и да напишете „localhost/ProgramInAjax“в адресната лента на уеб, за да се покаже уеб страницата. Би трябвало да можете да видите уеб страницата, ако кръстите своя HTML файл на „index.html“.
Запазвайте вашия html файл по -често по време на работа. Натискането на Ctrl и S едновременно за потребителите на Window ще спести повече време.
Не забравяйте да добавите запазения си HTML файл на същото място, където са вашето изображение и текстов файл с данни.
Когато назовавате файл, той е чувствителен към регистъра, когато добавяте тези имена в кода. Например „myImage“е различно от „MyImage“или „myimage“.
Това е въведение в Pygame за хора, които вече познават Python. Тази статия ще ви научи на стъпките за изграждане на проста игра, в която играчът избягва подскачащите топки. Стъпки Част 1 от 8: Инсталиране на Pygame Стъпка 1. Изтеглете Pygame Намерете го за вашата платформа от Стъпка 2.
Java (да не се бърка с Javascript) е един от най -популярните езици за програмиране. Java е език за програмиране на високо ниво, който може да се използва за разработване на приложения за множество операционни системи, включително Windows, macOS, Linux и Android.
C е един от по -старите езици за програмиране. Той е разработен през 70-те години, но все още е много мощен благодарение на ниското ниво. Изучаването на C е чудесен начин да се запознаете и с по -сложни езици, а придобитите знания ще бъдат полезни в почти всеки език за програмиране и могат да ви помогнат да влезете в разработката на приложения.
"Полицейски скенер" е друго име за радио скенер, комуникационно устройство, което следи радиосигналите във вашия район. В допълнение към комуникациите на аварийния персонал, като полицията и пожарникарите, скенерите могат да бъдат програмирани с честоти и към различни други публични комуникационни офиси, включително училища, медии и комунални компании.
Това wikiHow ще ви научи как да програмирате вашия Vizio телевизор след настройването му. За щастие Vizio направи програмирането на техните телевизори доста лесно и ние ще ви преведем точно какво трябва да направите стъпка по стъпка. В случай, че срещате проблеми, включихме и някои съвети за отстраняване на неизправности.
