Это введение в AJAX, и мы не будем глубоко погружаться во весь предмет. Кроме того, пример тихого базового и может быть улучшен.

Некоторые современные приложения так же ведут себя как приложение для настольного компьютера в том смысле, что при нажатии или ориентировании на приложение, изменения или результаты происходят почти мгновенно.

Видный пример – Карты Гугл . Когда вы ориентируетесь по карте, новые разделы отображаются без необходимости обновления браузера.

Другой пример является разработкой.

В обоих примерах ваш браузер должен поддерживать и иметь функцию включенной технологии → JavaScript.

В технических терминах технологии, которая делает это возможным, известна как AJAX. С другой стороны Ajax не является одной технологией, а набор технологий Это может сделать веб-приложения для веб-приложений больше похожи на традиционное приложение для рабочего стола, позволяя приложению отправлять данные от клиента на сервер асинхронно.

Термин Ajax на самом деле состоит из Три слова А именно:

• Асинхронный
• JavaScript
• XML

В компьютерном программировании, когда вы выполняете Что-то асинхронно, вы можете выполнить другую задачу, прежде чем она закончится Отказ В технических условиях это:

… относится к возникновению событий, не зависящих от основного потока программ и способами решения таких событий. – Википедия

JavaScript – это технология, которая когда-то была отправлена в браузер, но теперь используется на большинстве веб-сайтов и может работать на стороне сервера благодаря инструментам, таким как Nodejs. Мы покрывали историю JavaScript в этой серии.

XML – аббревиатура для E Х натяживаться М Arkup Л Anguage, который представляет собой язык разметки, который определяет набор правил для кодирования документов в формате, который является как читаемой человеком, так и машиночитаемым ( источник ).

Теперь вы можете подумать, что Ajax должен сделать с выполнением асинхронных коммуникаций с использованием JavaScript и XML, да в некоторой степени. Но в наши дни JSON заменил XML по большей части. JSON стоит за Заметки объекта JavaScript Отказ

Давайте сделаем шаг назад и посмотрим, где все это началось, и мы напишем какой-нибудь код.

Все скриншоты из Firefox 71.0 и его инструменты разработчика. Одна конкретная особенность в Firefox 71.0, достойна упоминания Многострочный редактор кода в консоли.

Ajax – чрезвычайно важная технология в веб-разработке. Термин «Ajax» был придуман Джесси Джеймс Гарреттом в 2005 году в статье под названием Ajax: Новый подход к веб-приложениям Отказ

В статье Jesse Джеймс Гаррет объяснил следующие технологии:

• HTML и CSS для презентации
• Модель объекта документа для манипуляций
• JSON или XML для обмена данными
• XMLHTTPREQUEST Объект для асинхронного общения
• JavaScript, чтобы принести все вместе

Мы говорили о HTML, CSS, JavaScript и Model Model в этой серии.

Мы не обсуждали JSON и XML, но мы можем использовать Текстовый файл как данные обмена. Это то, что мы будем использовать в этом посте.

С другой стороны, XMLHTTPREQUEST это объект для асинхронных коммуникаций. World Wide Web Consortium (W3C) выпустил первый проект спецификации для XMLHTTPREQUEST Объект 5 апреля 2006 года.

В настоящее время Спецификация XMLHTTPRECEST поддерживается Whatwg как Уровень жизни И в то время эта статья была опубликована, стандарт был в последний раз обновлен на 24 ^TH Сентябрь 2019 года.

XMLHTTPREQUEST сокращено как XHR это API в виде объект . Что означает, что у него есть методы, прилагаемые к нему. Это реализовано в большинстве современных браузеров.

Время для некоторых кода!.

Вам понадобится три вещи, чтобы следовать. Они есть:

• Простой HTML-файл (я полагаю, вы можете создать это на сегодняшний день)
• Простой текстовый файл. Предпочтительно сохранен с .txt расширение
• Веб-сервер

Вы можете скачать и установить Xampp Server Для вашей операционной системы. После установки найдите htdocs папка и Создайте папку с любым желаемым именем . Я буду использовать AJAX-INTRO Как показано на изображении ниже.

Далее запустите панель управления xampp-control.exe (Вы найдете этот файл в каталоге по установке Xampp ) и включите Apache Сервер, нажав на Начать кнопка.

Переключитесь в браузер и перейдите к этому вновь созданному каталогу, как показано на изображении ниже.

Далее создайте текстовый файл с .txt Расширение Затем добавьте некоторые текстовые контента (A LOREM IPSUM сделает) и сохранить его в этом каталоге.

Скопируйте следующий фрагмент HTML ниже и сохраните его в этом каталоге.

  
  


  

    
Click this title
  

Загрузите файл в браузере:

Переключитесь обратно в свой редактор и давайте напишем немного скрипта. Последующий код должен быть размещен между открытием и закрытием

Оригинал: “https://dev.to/ziizium/introduction-to-ajax-1ffg”