Учебники

CoffeeScript — Ajax

Декабрь 19, 2018

AJAX — это метод веб-разработки для создания интерактивных веб-приложений.

  • AJAX расшифровывается как A синхронный Ja vaScript и X ML. Это новый метод создания более совершенных, быстрых и интерактивных веб-приложений с помощью XML, HTML, CSS и Java Script.

  • Ajax использует XHTML для контента, CSS для представления, наряду с объектной моделью документа и JavaScript для динамического отображения контента.

  • Обычные веб-приложения передают информацию на сервер и с сервера, используя синхронные запросы. Это означает, что вы заполняете форму, нажимаете «Отправить», и вас перенаправляют на новую страницу с новой информацией с сервера.

  • С помощью AJAX, когда вы нажимаете «Отправить», JavaScript отправляет запрос на сервер, интерпретирует результаты и обновляет текущий экран. В чистом смысле пользователь никогда не узнает, что что-либо даже было передано на сервер.

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

  • AJAX — это технология веб-браузера, независимая от программного обеспечения веб-сервера.

  • Пользователь может продолжать использовать приложение, пока клиентская программа запрашивает информацию с сервера в фоновом режиме.

AJAX расшифровывается как A синхронный Ja vaScript и X ML. Это новый метод создания более совершенных, быстрых и интерактивных веб-приложений с помощью XML, HTML, CSS и Java Script.

Ajax использует XHTML для контента, CSS для представления, наряду с объектной моделью документа и JavaScript для динамического отображения контента.

Обычные веб-приложения передают информацию на сервер и с сервера, используя синхронные запросы. Это означает, что вы заполняете форму, нажимаете «Отправить», и вас перенаправляют на новую страницу с новой информацией с сервера.

С помощью AJAX, когда вы нажимаете «Отправить», JavaScript отправляет запрос на сервер, интерпретирует результаты и обновляет текущий экран. В чистом смысле пользователь никогда не узнает, что что-либо даже было передано на сервер.

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

AJAX — это технология веб-браузера, независимая от программного обеспечения веб-сервера.

Пользователь может продолжать использовать приложение, пока клиентская программа запрашивает информацию с сервера в фоновом режиме.

В общем, мы используем jQuery для работы с Ajax. Ниже приведен пример Ajax и jQuery. 

<html>

   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript"
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $("#driver").click(function(event){
               $('#stage').load('/jquery/result.html');
            });
         });
      </script>
   </head>
	
   <body>
	
      <p>Click on the button to load /jquery/result.html file −</p>
		
      <div id = "stage" style = "background-color:cc0;">
         STAGE
      </div>
		
      <input type = "button" id = "driver" value = "Load Data" />
		
   </body>
	
</html>

Здесь load () инициирует Ajax-запрос к указанному файлу URL /coffeescript/result.html . После загрузки этого файла все содержимое будет заполнено внутри тега <div> с тегом ID stage . Предполагая, что наш файл /jquery/result.html имеет только одну строку HTML — 

<h1>THIS IS RESULT...</h1>

Когда вы нажимаете данную кнопку, файл result.html загружается.

CoffeeScript с Ajax

Мы можем переписать приведенный выше пример, используя CoffeeScript, как показано ниже.

46
Share: