English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Реализация функции локального обновления AJAX с помощью pure JS

AJAX, что означает “Asynchronous Javascript And XML” (асинхронный JavaScript и XML), это технология веб-разработки, предназначенная для создания интерактивных веб-приложений.

AJAX = асинхронный JavaScript и XML (подмножество стандартного языка разметки документов).

AJAX - это технология для создания динамических веб-страниц.

Ниже мы представим, как реализовать функцию локального обновления AJAX с использованием JavaScript, подробности см. ниже:

AJAX позволяет веб-странице обновляться асинхронно, что означает, что можно обновлять часть веб-страницы без перезагрузки всего веб-сайта.

// Создание объекта XMLHttpRequest
 var xhr=new XMLHttpRequest();
 // Линия запроса
 xhr.open('post','03-ajaxPost.php');
 // Заголовки запроса
 xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 // Основная часть запроса POST send устанавливает данные
 xhr.send('name='+txt);
 // Слушать ответ сервера
 xhr.onreadystatechange=function(){
 if(xhr.readyState==4&&xhr.status==200){ // Это означает, что сервер успешно ответил
 var r=xhr.responseText;
 document.querySelector('.info').innerHTML=r;
 {}
 {} 

Ниже приведены примеры реализации функции локального обновления AJAX с использованием чистого JavaScript, надеюсь, это поможет вам. Если у вас есть какие-либо вопросы, пожалуйста, оставьте комментарий, и я постараюсь ответить вам как можно скорее. В этом разделе также выражаю благодарность всем, кто поддерживает сайт呐喊 руководств!

Рекомендуем для вас