Ajax запрос пример: 8 примеров | AJAX запрос на чистом Javascript и не только

Содержание

Страница не найдена (ошибка 404)

PHP

array_unique для многомерных массивов
Contenteditable – текстовый редактор
CURL — если сервер отдает редирект
date() – форматирование даты PHP
PHP parse_url и её обратная функция
PHP класс для отправки E-mail
PHP класс для хлебных крошек
PHP массив в файл CSV
PHP паттерн Registry
PHP транслит
PHP функции для checked и selected
PHP функция serialize, возможные проблемы
PHP-класс для создания миниатюр изображений
PHP-класс обертка для PDO
POST-запрос через file_get_content()
RSS канал на PHP
RSS-файл для Яндекс Турбо-страниц
WebP вместо изображений в браузерах где он поддерживается
Whois, как получить данные IP-адреса и домена в PHP
XML для Яндекс. Недвижимости на PHP
XML-файл объявлений для Авито
ZIP в PHP (ZipArchive)
Автозагрузка классов
Автоматическая установка временной зоны у пользователя
Автоматический контраст цвета шрифта к фону на PHP
Автоматическое заполнение поля «город» в форме по IP адресу
Автоматическое оглавление для статьи
Автоматическое сжатие и оптимизация картинок на сайте
Авторизация на сайте через Facebook
Авторизация на сайте через Яндекс
Авторизация через GitHub
Алфавитный указатель на PHP
Бот Телеграм на PHP
Время жизни сессии в PHP
Время и память выполнения скрипта PHP
Вставить баннер в центр статьи
Вставка и добавление в текст регулярными выражениями
Вход на сайт через Вконтакте
Вход через Google
Вывести массив в виде PHP кода
Вывод HTML-таблицы с функцией сортировки на PHP + MySQL
Вывод PHP-массива колонками
Вывод даты с русскими месяцами
Вывод списка по алфавиту
Выпадающий список с файлами на хостинге
Вычисление процентов в PHP
Генерация QR-кода в PHP
Генерация XML файла для Google Merchant
Генерация YML файл Яндекс Маркета на PHP

Генерация всех комбинаций из набора символов
Генерация паролей в PHP
Генерация превьюшек изображений на лету
Генерация случайных буквенно-цифровых кодов в PHP
Генерация счета на оплату PDF PHP
Генерация токенов в PHP
Дополнительные функции mb_string
Загрузка изображений с превью AJAX + PHP + MySQL
Загрузка файлов на сервер PHP
Загрузка файлов через AJAX с помощью jQuery Form Plugin
Замена кавычек на «ёлочки» в PHP
Замена раскладки на PHP
Замена регистра в строках PHP
Замена символов по регулярному выражению
Запись в лог-файл в PHP
Запись и чтение файлов в PHP
Заполненные PHP-массивы для дат
Защита от нелегального зеркала сайта
Извлечение данных с помощью регулярных выражений PHP
Изображения WebP в GD PHP
Интеграция с платежной системой PayKeeper в PHP
Исключения PHP (Try и Catch)

Использование API Геокодера в PHP для получения координат
Использование API Яндекс Диска на PHP
Использование циклов в PHP
Как включить вывод символов эмодзи на сайте
Как вывести PHP массив
Как вывести метки на Яндекс. Картах из MySQL+PHP
Как выделить фразы в тексте
Как добавить UTM-метки в заявки с сайта
Как дописать стили в атрибут style тегов HTML через PHP
Как интегрировать ReCAPTCHA на сайт

Как найти новые координаты точки при повороте изображения PHP-функцией imagerotate()
Как найти одинаковые файлы с разными именами в PHP
Как настроить Last-Modified
Как получить IP посетителя в PHP
Как получить все дни между датами в PHP
Как получить текущий URL в PHP?
Как преобразовать текст из textarea в параграфы HTML
Как прочитать SSL сертификат из PHP
Как сделать редирект PHP
Как сформировать большой файл для маркета

Как узнать, что пришел запрос через AJAX
Календарь на PHP
Кнопка «Показать еще»
Конвертация байтов в килобайты и мегабайты
Кэширование контента в файлы PHP
Мануал по созданию и форматированию excel файлов в PHPExcel
Массив $_FILES
Массив $_SERVER

Метрика API
Многоуровневый select из базы данных
Обзор PHP расширений для чтения файлов Excel

Обновление таблицы БД из XML файлов
Обработка и вывод рейтинга в PHP
Обработка изображений в PHP
Обрезка текста для анонса
Округление чисел в PHP
Операции с датами и временем Unixtime в PHP
Оплата заказов на сайте через Робокассу
Определение местоположения посетителя по IP-адресу в PHP
Определение мобильного устройства в PHP
Определение основного цвета изображения в PHP

Определение поисковых роботов
Отдача файлов на скачивание PHP
Отключить кэширование PHP
Отправка sms через «SMS Aero» в PHP
Отправка и прием данных 1C на PHP-сайте
Отправка писем через PHPMailer
Отправка писем через SMTP в PHPMailer
Отправка письма с вложением
Отправка сообщения с изображением в Twitter через PHP
Отправка формы через PHP CURL
Отслеживание окончания доменов и SSL-сертификатов
Очистка данных из форм в PHP

Перекодировка текста UTF-8 и WINDOWS-1251
Переносы строк и тег BR в PHP
Платежи на сайте через IntellectMoney PHP
Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable
Подгрузка контента при прокрутке (бесконечная лента)
Подключение к платежной системе Сбербанка
Поиск ближайших объектов в БД по координатам
Поиск на сайте внешних ссылок и их анкоров
Поиск похожих текстов в базе данных MySQL + PHP
Поиск телефона в базе данных MySQL

Поиск файлов в PHP
Поле для выбора количества товаров
Получение котировок PHP
Получить DNS записи домена в PHP
Получить GET-параметр из URL
Получить фото из Instagram без API
Постраничный вывод и базы данных
Постраничный вывод массива
Прайс-лист для Яндекс карт и справочника
Преобразование CSV в XLSX на PHP
Преобразование punycode в PHP
Преобразование изображения в Base64 на PHP

Преобразование строк в массив PHP
Преобразование цветов в PHP
Прием платежей на сайте через интернет-эквайринг Тинькофф
Прием платежей на сайте через Юкассу
Пример парсинга html-страницы на phpQuery
Примеры использования cURL в PHP
Примеры использования PDO MySQL
Проблема PHP DOMDocument – русские буквы заменяются на мнемоники
Проверка данных регулярными выражениями
Публикация записей на стену сообщества VK
Публикация на страницу Facebook через PHP
Работа с API Instagram
Работа с FTP в PHP
Работа с JSON в PHP
Работа с MIME-типами в PHP
Работа с директориями в PHP
Работа с именами файлов в PHP
Работа с массивами PHP – создание, наполнение, удаление
Работа с ценами PHP
Работа с числами в PHP
Работа со строками в PHP
Размер файлов и директорий в PHP
Раскрывающийся многоуровневый список
Расчёт прибыльности за одну единицу товара
Расчёт средней закупочной или продажной цены
Регулярные выражения для замены на теги
Регулярные выражения для удаления тегов
Рисование точки в PHP GD
Секунды в минуты, часы, дни
Склонение слов после числительных в PHP
Создание товарной накладной в PHPExcel
Сортировка массива по количеству символов
Сортировка массивов
Сохранить все изображения со страницы сайта
Сохранить файл в UTF-8 без BOM
Сумма прописью PHP
Счетчик просмотров страниц с графиком
Транслитерация по ГОСТ
Удаление регулярными выражениями в PHP
Управление выводом ошибок PHP
Установка лимитов PHP на обработку данных из форм
Установка локали UTF-8 в PHP
Фильтрация IP-адресов
Форматирование телефонных номеров
Формирование файла sitemap. xml
Хеширование строк в PHP
Чтение Google таблиц в PHP
Чтение XML файла Яндекс Маркета в PHP
Чтение почты через IMAP в PHP
Шаблонизатор Smarty
Шорткоды на регулярных выражениях
Яндекс.Доставка работа с API в PHP

HTML/CSS

Clearfix – отмена действия float
CSS @media для мобильных, планшетов и настольных компьютеров
CSS display table
CSS стили выделенного текста
CSS стили для placeholder
CSS фильтры
CSS-стили для списков dl, dt, dd
Favicon
Input type number
Manifest. json
Open Graph
Schema.org – пример разметки блога
Schema.org – пример разметки статьи
Select option с ссылками
SVG спрайты
Адаптивное выравнивание изображений на всю ширину браузера
Адаптивные блоки YouTube
Адаптивные плееры Youtube на десктопах и мобильных
Блоки со стрелками (часть 1)
Блоки со стрелками (часть 2)
Блокировка многократной отправки формы
Буквица CSS
Ведущие нули у ol
Верстка блока контактов с картой
Верстка рейтинга в виде звезд
Верстка списка с отточием
Вертикальное выравнивание в блоке (Flexbox)
Вертикальное выравнивание текста в блоке (child-helper)
Видео c YouTube в качестве фона сайта
Восстановление стилей текста после CSS reset
Выборка элементов в группе по псевдоклассам CSS
Выравнивание блока по центру родителя
Выравнивание блоков на всю ширину (justify)
Горизонтальное меню
Горизонтальное меню justify
Готовые CSS стили для таблиц
Добавление CSS стилей на страницу
Заголовок с горизонтальной линией посередине
Затемнение изображения и фона с помощью CSS
Изменение CSS-градиента в зависимости от положения курсора
Изменение размеров textarea и других элементов
Изменение цвета Яндекс карт
Информирование о использовании Сookie
Как вместить большие таблицы на страницы сайта
Как вывести штрих-код на сайте
Как загрузить содержимое файла в textarea
Как запретить выделение текста на сайте через CSS
Как ограничить ввод данных в текстовое поле
Как отключить автозаполнение сохранённого логина и пароля в форме
Как отключить тег br
Как сделать интерактивную схему на SVG + jQuery
Как сделать кривые границы блоков в CSS
Как сделать несколько фонов в background
Как сделать полосатую таблицу на HTML, CSS, JS, PHP
Как скрыть лишний текст в блоке
Колоночные шаблоны
Кривое подчёркивание ссылок в Google Chrome
Курсоры в CSS
Ленточки и флажки для блоков на HTML/CSS
Мета-тег viewport
Мета-теги HTML для Apple Safari

Мета-теги для Internet Explorer и Windows
Наведение курсора на ячейки, строки, колонки таблицы
Наложение градиента на изображение
Настройка плеера YouTube
Не стандартный СSS градиент
Номер телефона на сайте
Одна рамка между блоками
Описание мета-тегов
Оформление placeholder разными стилями
Перечёркивание текста по диагонали
Перечёркнутый текст
Печать HTML страниц
Плавное изменение background
Плавное увеличение фонового изображения
Подключение и выполнение JavaScript на странице
Подключение шрифтов в CSS
Подключение шрифтов с другого домена
Подчеркивание текста линией с градиентом
Показать/скрыть пароль
Поле для ввода показаний счетчика
Полупрозрачный градиент поверх картинки
После отправки формы сохранить позицию скролла
Прижать футер к низу окна браузера
Проверка орфографии в браузере
Прокрутка содержимого таблицы
Псевдоклассы nth-child и nth-last-child
Размеры Iframe
Разметка страниц для Twitter (Twitter Cards)
Рамка у отдельных ячеек таблицы
Рамки блоков с градиентом
Расстояние между буквами, строками, ширина табуляции в CSS
СSS стили для горизонтальных линий
Сборник CSS градиентов
Сборник анимированных градиентов
Сброс стилей (CSS reset)
Ссылки на мессенджеры с сайта
Стандартные и безопасные шрифты CSS
Стандарты HTML-документов
Стили для вложенных нумерованных списков ol
Стили для нумерованных списков ol
Стилизация Checkbox
Стилизация input file
Стилизация Radio Button
Стилизация кнопок CSS
Стиль и размер ReCaptcha
Текст в две колонки
Текст в три колонки
Текст с градиентом
Треугольники на CSS
Ускорение загрузки изображений и скриптов
Ускорение загрузки Яндекс Карт
Фильтр файлов по расширению у input file
Фильтры Instagram на CSS
Фон под текстом
Цветные SVG фильтры для элементов
Чекбокс в виде переключателя (switch toggle)
Чекбоксы в виде кнопок
Шахматное поле на CSS
Эффекты анимации на CSS animation keyframes
Яндекс карты не прямоугольной формы

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

DNS-сервера хостингов
HTTP коды
Адреса phpMyAdmin хостингов
Адреса серверов POP3, IMAP и SMTP
Алфавиты в массивах и строках
База городов, регионов и федеральных округов РФ в MySQL
Виртуальные коды клавиш (Virtual-Key Codes)
Когда обновляются DNS сервера?
Коды клавиш клавиатуры для JQuery событий keydown, keyup и keypress
Коды языков ISO 639-1
Коды языков ISO 639-2
Настройки почты для домена Mail. ru, Яндекс, Gmail
Округа и районы Москвы в MySQL
Скан-коды клавиш клавиатуры (scan codes)
Спецсимволы и их мнемоники в HTML
Список MIME типов

Список городов РФ
Список регионов РФ
Список серверов Whois
Список станций Московского метрополитена в PHP-массиве и SQL
Список станций Петербургского метрополитена в PHP-массиве и SQL
Таблица Alt-кодов
Таблица HTML цветов
Таблица кодирования символов в URL
Таблица символов ASCII + Windows 1251
Таблица символов KOI8-R
Таблица символов эмодзи
Таблица цветов RAL classic
Флаги стран
Часовые пояса в PHP
Коды регионов ISO 3166-1 Alpha 2

Страница не найдена (ошибка 404)

PHP

array_unique для многомерных массивов
Contenteditable – текстовый редактор
CURL — если сервер отдает редирект
date() – форматирование даты PHP
PHP parse_url и её обратная функция
PHP класс для отправки E-mail
PHP класс для хлебных крошек
PHP массив в файл CSV
PHP паттерн Registry
PHP транслит
PHP функции для checked и selected
PHP функция serialize, возможные проблемы
PHP-класс для создания миниатюр изображений
PHP-класс обертка для PDO
POST-запрос через file_get_content()
RSS канал на PHP
RSS-файл для Яндекс Турбо-страниц
WebP вместо изображений в браузерах где он поддерживается
Whois, как получить данные IP-адреса и домена в PHP
XML для Яндекс. Недвижимости на PHP
XML-файл объявлений для Авито
ZIP в PHP (ZipArchive)
Автозагрузка классов
Автоматическая установка временной зоны у пользователя
Автоматический контраст цвета шрифта к фону на PHP
Автоматическое заполнение поля «город» в форме по IP адресу
Автоматическое оглавление для статьи
Автоматическое сжатие и оптимизация картинок на сайте
Авторизация на сайте через Facebook
Авторизация на сайте через Яндекс
Авторизация через GitHub
Алфавитный указатель на PHP
Бот Телеграм на PHP
Время жизни сессии в PHP
Время и память выполнения скрипта PHP
Вставить баннер в центр статьи
Вставка и добавление в текст регулярными выражениями
Вход на сайт через Вконтакте
Вход через Google
Вывести массив в виде PHP кода
Вывод HTML-таблицы с функцией сортировки на PHP + MySQL
Вывод PHP-массива колонками
Вывод даты с русскими месяцами
Вывод списка по алфавиту
Выпадающий список с файлами на хостинге
Вычисление процентов в PHP
Генерация QR-кода в PHP
Генерация XML файла для Google Merchant
Генерация YML файл Яндекс Маркета на PHP
Генерация всех комбинаций из набора символов
Генерация паролей в PHP
Генерация превьюшек изображений на лету
Генерация случайных буквенно-цифровых кодов в PHP
Генерация счета на оплату PDF PHP
Генерация токенов в PHP
Дополнительные функции mb_string
Загрузка изображений с превью AJAX + PHP + MySQL
Загрузка файлов на сервер PHP
Загрузка файлов через AJAX с помощью jQuery Form Plugin
Замена кавычек на «ёлочки» в PHP
Замена раскладки на PHP
Замена регистра в строках PHP
Замена символов по регулярному выражению
Запись в лог-файл в PHP
Запись и чтение файлов в PHP
Заполненные PHP-массивы для дат
Защита от нелегального зеркала сайта
Извлечение данных с помощью регулярных выражений PHP
Изображения WebP в GD PHP
Интеграция с платежной системой PayKeeper в PHP
Исключения PHP (Try и Catch)
Использование API Геокодера в PHP для получения координат
Использование API Яндекс Диска на PHP
Использование циклов в PHP
Как включить вывод символов эмодзи на сайте
Как вывести PHP массив
Как вывести метки на Яндекс. Картах из MySQL+PHP
Как выделить фразы в тексте
Как добавить UTM-метки в заявки с сайта
Как дописать стили в атрибут style тегов HTML через PHP
Как интегрировать ReCAPTCHA на сайт
Как найти новые координаты точки при повороте изображения PHP-функцией imagerotate()
Как найти одинаковые файлы с разными именами в PHP
Как настроить Last-Modified
Как получить IP посетителя в PHP
Как получить все дни между датами в PHP
Как получить текущий URL в PHP?
Как преобразовать текст из textarea в параграфы HTML
Как прочитать SSL сертификат из PHP
Как сделать редирект PHP
Как сформировать большой файл для маркета
Как узнать, что пришел запрос через AJAX
Календарь на PHP
Кнопка «Показать еще»
Конвертация байтов в килобайты и мегабайты
Кэширование контента в файлы PHP
Мануал по созданию и форматированию excel файлов в PHPExcel
Массив $_FILES
Массив $_SERVER

Метрика API
Многоуровневый select из базы данных
Обзор PHP расширений для чтения файлов Excel
Обновление таблицы БД из XML файлов
Обработка и вывод рейтинга в PHP
Обработка изображений в PHP
Обрезка текста для анонса
Округление чисел в PHP
Операции с датами и временем Unixtime в PHP
Оплата заказов на сайте через Робокассу
Определение местоположения посетителя по IP-адресу в PHP
Определение мобильного устройства в PHP
Определение основного цвета изображения в PHP
Определение поисковых роботов
Отдача файлов на скачивание PHP
Отключить кэширование PHP
Отправка sms через «SMS Aero» в PHP
Отправка и прием данных 1C на PHP-сайте
Отправка писем через PHPMailer
Отправка писем через SMTP в PHPMailer
Отправка письма с вложением
Отправка сообщения с изображением в Twitter через PHP
Отправка формы через PHP CURL
Отслеживание окончания доменов и SSL-сертификатов
Очистка данных из форм в PHP
Перекодировка текста UTF-8 и WINDOWS-1251
Переносы строк и тег BR в PHP
Платежи на сайте через IntellectMoney PHP
Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable
Подгрузка контента при прокрутке (бесконечная лента)
Подключение к платежной системе Сбербанка
Поиск ближайших объектов в БД по координатам
Поиск на сайте внешних ссылок и их анкоров
Поиск похожих текстов в базе данных MySQL + PHP
Поиск телефона в базе данных MySQL
Поиск файлов в PHP
Поле для выбора количества товаров
Получение котировок PHP
Получить DNS записи домена в PHP
Получить GET-параметр из URL
Получить фото из Instagram без API
Постраничный вывод и базы данных
Постраничный вывод массива
Прайс-лист для Яндекс карт и справочника
Преобразование CSV в XLSX на PHP
Преобразование punycode в PHP
Преобразование изображения в Base64 на PHP
Преобразование строк в массив PHP
Преобразование цветов в PHP
Прием платежей на сайте через интернет-эквайринг Тинькофф
Прием платежей на сайте через Юкассу
Пример парсинга html-страницы на phpQuery
Примеры использования cURL в PHP
Примеры использования PDO MySQL
Проблема PHP DOMDocument – русские буквы заменяются на мнемоники
Проверка данных регулярными выражениями
Публикация записей на стену сообщества VK
Публикация на страницу Facebook через PHP
Работа с API Instagram
Работа с FTP в PHP
Работа с JSON в PHP
Работа с MIME-типами в PHP
Работа с директориями в PHP
Работа с именами файлов в PHP
Работа с массивами PHP – создание, наполнение, удаление
Работа с ценами PHP
Работа с числами в PHP
Работа со строками в PHP
Размер файлов и директорий в PHP
Раскрывающийся многоуровневый список
Расчёт прибыльности за одну единицу товара
Расчёт средней закупочной или продажной цены
Регулярные выражения для замены на теги
Регулярные выражения для удаления тегов
Рисование точки в PHP GD
Секунды в минуты, часы, дни
Склонение слов после числительных в PHP
Создание товарной накладной в PHPExcel
Сортировка массива по количеству символов
Сортировка массивов
Сохранить все изображения со страницы сайта
Сохранить файл в UTF-8 без BOM
Сумма прописью PHP
Счетчик просмотров страниц с графиком
Транслитерация по ГОСТ
Удаление регулярными выражениями в PHP
Управление выводом ошибок PHP
Установка лимитов PHP на обработку данных из форм
Установка локали UTF-8 в PHP
Фильтрация IP-адресов
Форматирование телефонных номеров
Формирование файла sitemap. xml
Хеширование строк в PHP
Чтение Google таблиц в PHP
Чтение XML файла Яндекс Маркета в PHP
Чтение почты через IMAP в PHP
Шаблонизатор Smarty
Шорткоды на регулярных выражениях
Яндекс.Доставка работа с API в PHP

HTML/CSS

Clearfix – отмена действия float
CSS @media для мобильных, планшетов и настольных компьютеров
CSS display table
CSS стили выделенного текста
CSS стили для placeholder
CSS фильтры
CSS-стили для списков dl, dt, dd
Favicon
Input type number
Manifest. json
Open Graph
Schema.org – пример разметки блога
Schema.org – пример разметки статьи
Select option с ссылками
SVG спрайты
Адаптивное выравнивание изображений на всю ширину браузера
Адаптивные блоки YouTube
Адаптивные плееры Youtube на десктопах и мобильных
Блоки со стрелками (часть 1)
Блоки со стрелками (часть 2)
Блокировка многократной отправки формы
Буквица CSS
Ведущие нули у ol
Верстка блока контактов с картой
Верстка рейтинга в виде звезд
Верстка списка с отточием
Вертикальное выравнивание в блоке (Flexbox)
Вертикальное выравнивание текста в блоке (child-helper)
Видео c YouTube в качестве фона сайта
Восстановление стилей текста после CSS reset
Выборка элементов в группе по псевдоклассам CSS
Выравнивание блока по центру родителя
Выравнивание блоков на всю ширину (justify)
Горизонтальное меню
Горизонтальное меню justify
Готовые CSS стили для таблиц
Добавление CSS стилей на страницу
Заголовок с горизонтальной линией посередине
Затемнение изображения и фона с помощью CSS
Изменение CSS-градиента в зависимости от положения курсора
Изменение размеров textarea и других элементов
Изменение цвета Яндекс карт
Информирование о использовании Сookie
Как вместить большие таблицы на страницы сайта
Как вывести штрих-код на сайте
Как загрузить содержимое файла в textarea
Как запретить выделение текста на сайте через CSS
Как ограничить ввод данных в текстовое поле
Как отключить автозаполнение сохранённого логина и пароля в форме
Как отключить тег br
Как сделать интерактивную схему на SVG + jQuery
Как сделать кривые границы блоков в CSS
Как сделать несколько фонов в background
Как сделать полосатую таблицу на HTML, CSS, JS, PHP
Как скрыть лишний текст в блоке
Колоночные шаблоны
Кривое подчёркивание ссылок в Google Chrome
Курсоры в CSS
Ленточки и флажки для блоков на HTML/CSS
Мета-тег viewport
Мета-теги HTML для Apple Safari

Мета-теги для Internet Explorer и Windows
Наведение курсора на ячейки, строки, колонки таблицы
Наложение градиента на изображение
Настройка плеера YouTube
Не стандартный СSS градиент
Номер телефона на сайте
Одна рамка между блоками
Описание мета-тегов
Оформление placeholder разными стилями
Перечёркивание текста по диагонали
Перечёркнутый текст
Печать HTML страниц
Плавное изменение background
Плавное увеличение фонового изображения
Подключение и выполнение JavaScript на странице
Подключение шрифтов в CSS
Подключение шрифтов с другого домена
Подчеркивание текста линией с градиентом
Показать/скрыть пароль
Поле для ввода показаний счетчика
Полупрозрачный градиент поверх картинки
После отправки формы сохранить позицию скролла
Прижать футер к низу окна браузера
Проверка орфографии в браузере
Прокрутка содержимого таблицы
Псевдоклассы nth-child и nth-last-child
Размеры Iframe
Разметка страниц для Twitter (Twitter Cards)
Рамка у отдельных ячеек таблицы
Рамки блоков с градиентом
Расстояние между буквами, строками, ширина табуляции в CSS
СSS стили для горизонтальных линий
Сборник CSS градиентов
Сборник анимированных градиентов
Сброс стилей (CSS reset)
Ссылки на мессенджеры с сайта
Стандартные и безопасные шрифты CSS
Стандарты HTML-документов
Стили для вложенных нумерованных списков ol
Стили для нумерованных списков ol
Стилизация Checkbox
Стилизация input file
Стилизация Radio Button
Стилизация кнопок CSS
Стиль и размер ReCaptcha
Текст в две колонки
Текст в три колонки
Текст с градиентом
Треугольники на CSS
Ускорение загрузки изображений и скриптов
Ускорение загрузки Яндекс Карт
Фильтр файлов по расширению у input file
Фильтры Instagram на CSS
Фон под текстом
Цветные SVG фильтры для элементов
Чекбокс в виде переключателя (switch toggle)
Чекбоксы в виде кнопок
Шахматное поле на CSS
Эффекты анимации на CSS animation keyframes
Яндекс карты не прямоугольной формы

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

DNS-сервера хостингов
HTTP коды
Адреса phpMyAdmin хостингов
Адреса серверов POP3, IMAP и SMTP
Алфавиты в массивах и строках
База городов, регионов и федеральных округов РФ в MySQL
Виртуальные коды клавиш (Virtual-Key Codes)
Когда обновляются DNS сервера?
Коды клавиш клавиатуры для JQuery событий keydown, keyup и keypress
Коды языков ISO 639-1
Коды языков ISO 639-2
Настройки почты для домена Mail. ru, Яндекс, Gmail
Округа и районы Москвы в MySQL
Скан-коды клавиш клавиатуры (scan codes)
Спецсимволы и их мнемоники в HTML
Список MIME типов

Список городов РФ
Список регионов РФ
Список серверов Whois
Список станций Московского метрополитена в PHP-массиве и SQL
Список станций Петербургского метрополитена в PHP-массиве и SQL
Таблица Alt-кодов
Таблица HTML цветов
Таблица кодирования символов в URL
Таблица символов ASCII + Windows 1251
Таблица символов KOI8-R
Таблица символов эмодзи
Таблица цветов RAL classic
Флаги стран
Часовые пояса в PHP
Коды регионов ISO 3166-1 Alpha 2

Страница не найдена (ошибка 404)

PHP

array_unique для многомерных массивов
Contenteditable – текстовый редактор
CURL — если сервер отдает редирект
date() – форматирование даты PHP
PHP parse_url и её обратная функция
PHP класс для отправки E-mail
PHP класс для хлебных крошек
PHP массив в файл CSV
PHP паттерн Registry
PHP транслит
PHP функции для checked и selected
PHP функция serialize, возможные проблемы
PHP-класс для создания миниатюр изображений
PHP-класс обертка для PDO
POST-запрос через file_get_content()
RSS канал на PHP
RSS-файл для Яндекс Турбо-страниц
WebP вместо изображений в браузерах где он поддерживается
Whois, как получить данные IP-адреса и домена в PHP
XML для Яндекс. Недвижимости на PHP
XML-файл объявлений для Авито
ZIP в PHP (ZipArchive)
Автозагрузка классов
Автоматическая установка временной зоны у пользователя
Автоматический контраст цвета шрифта к фону на PHP
Автоматическое заполнение поля «город» в форме по IP адресу
Автоматическое оглавление для статьи
Автоматическое сжатие и оптимизация картинок на сайте
Авторизация на сайте через Facebook
Авторизация на сайте через Яндекс
Авторизация через GitHub
Алфавитный указатель на PHP
Бот Телеграм на PHP
Время жизни сессии в PHP
Время и память выполнения скрипта PHP
Вставить баннер в центр статьи
Вставка и добавление в текст регулярными выражениями
Вход на сайт через Вконтакте
Вход через Google
Вывести массив в виде PHP кода
Вывод HTML-таблицы с функцией сортировки на PHP + MySQL
Вывод PHP-массива колонками
Вывод даты с русскими месяцами
Вывод списка по алфавиту
Выпадающий список с файлами на хостинге
Вычисление процентов в PHP
Генерация QR-кода в PHP
Генерация XML файла для Google Merchant
Генерация YML файл Яндекс Маркета на PHP
Генерация всех комбинаций из набора символов
Генерация паролей в PHP
Генерация превьюшек изображений на лету
Генерация случайных буквенно-цифровых кодов в PHP
Генерация счета на оплату PDF PHP
Генерация токенов в PHP
Дополнительные функции mb_string
Загрузка изображений с превью AJAX + PHP + MySQL
Загрузка файлов на сервер PHP
Загрузка файлов через AJAX с помощью jQuery Form Plugin
Замена кавычек на «ёлочки» в PHP
Замена раскладки на PHP
Замена регистра в строках PHP
Замена символов по регулярному выражению
Запись в лог-файл в PHP
Запись и чтение файлов в PHP
Заполненные PHP-массивы для дат
Защита от нелегального зеркала сайта
Извлечение данных с помощью регулярных выражений PHP
Изображения WebP в GD PHP
Интеграция с платежной системой PayKeeper в PHP
Исключения PHP (Try и Catch)
Использование API Геокодера в PHP для получения координат
Использование API Яндекс Диска на PHP
Использование циклов в PHP
Как включить вывод символов эмодзи на сайте
Как вывести PHP массив
Как вывести метки на Яндекс. Картах из MySQL+PHP
Как выделить фразы в тексте
Как добавить UTM-метки в заявки с сайта
Как дописать стили в атрибут style тегов HTML через PHP
Как интегрировать ReCAPTCHA на сайт
Как найти новые координаты точки при повороте изображения PHP-функцией imagerotate()
Как найти одинаковые файлы с разными именами в PHP
Как настроить Last-Modified
Как получить IP посетителя в PHP
Как получить все дни между датами в PHP
Как получить текущий URL в PHP?
Как преобразовать текст из textarea в параграфы HTML
Как прочитать SSL сертификат из PHP
Как сделать редирект PHP
Как сформировать большой файл для маркета
Как узнать, что пришел запрос через AJAX
Календарь на PHP
Кнопка «Показать еще»
Конвертация байтов в килобайты и мегабайты
Кэширование контента в файлы PHP
Мануал по созданию и форматированию excel файлов в PHPExcel
Массив $_FILES
Массив $_SERVER

Метрика API
Многоуровневый select из базы данных
Обзор PHP расширений для чтения файлов Excel
Обновление таблицы БД из XML файлов
Обработка и вывод рейтинга в PHP
Обработка изображений в PHP
Обрезка текста для анонса
Округление чисел в PHP
Операции с датами и временем Unixtime в PHP
Оплата заказов на сайте через Робокассу
Определение местоположения посетителя по IP-адресу в PHP
Определение мобильного устройства в PHP
Определение основного цвета изображения в PHP
Определение поисковых роботов
Отдача файлов на скачивание PHP
Отключить кэширование PHP
Отправка sms через «SMS Aero» в PHP
Отправка и прием данных 1C на PHP-сайте
Отправка писем через PHPMailer
Отправка писем через SMTP в PHPMailer
Отправка письма с вложением
Отправка сообщения с изображением в Twitter через PHP
Отправка формы через PHP CURL
Отслеживание окончания доменов и SSL-сертификатов
Очистка данных из форм в PHP
Перекодировка текста UTF-8 и WINDOWS-1251
Переносы строк и тег BR в PHP
Платежи на сайте через IntellectMoney PHP
Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable
Подгрузка контента при прокрутке (бесконечная лента)
Подключение к платежной системе Сбербанка
Поиск ближайших объектов в БД по координатам
Поиск на сайте внешних ссылок и их анкоров
Поиск похожих текстов в базе данных MySQL + PHP
Поиск телефона в базе данных MySQL
Поиск файлов в PHP
Поле для выбора количества товаров
Получение котировок PHP
Получить DNS записи домена в PHP
Получить GET-параметр из URL
Получить фото из Instagram без API
Постраничный вывод и базы данных
Постраничный вывод массива
Прайс-лист для Яндекс карт и справочника
Преобразование CSV в XLSX на PHP
Преобразование punycode в PHP
Преобразование изображения в Base64 на PHP
Преобразование строк в массив PHP
Преобразование цветов в PHP
Прием платежей на сайте через интернет-эквайринг Тинькофф
Прием платежей на сайте через Юкассу
Пример парсинга html-страницы на phpQuery
Примеры использования cURL в PHP
Примеры использования PDO MySQL
Проблема PHP DOMDocument – русские буквы заменяются на мнемоники
Проверка данных регулярными выражениями
Публикация записей на стену сообщества VK
Публикация на страницу Facebook через PHP
Работа с API Instagram
Работа с FTP в PHP
Работа с JSON в PHP
Работа с MIME-типами в PHP
Работа с директориями в PHP
Работа с именами файлов в PHP
Работа с массивами PHP – создание, наполнение, удаление
Работа с ценами PHP
Работа с числами в PHP
Работа со строками в PHP
Размер файлов и директорий в PHP
Раскрывающийся многоуровневый список
Расчёт прибыльности за одну единицу товара
Расчёт средней закупочной или продажной цены
Регулярные выражения для замены на теги
Регулярные выражения для удаления тегов
Рисование точки в PHP GD
Секунды в минуты, часы, дни
Склонение слов после числительных в PHP
Создание товарной накладной в PHPExcel
Сортировка массива по количеству символов
Сортировка массивов
Сохранить все изображения со страницы сайта
Сохранить файл в UTF-8 без BOM
Сумма прописью PHP
Счетчик просмотров страниц с графиком
Транслитерация по ГОСТ
Удаление регулярными выражениями в PHP
Управление выводом ошибок PHP
Установка лимитов PHP на обработку данных из форм
Установка локали UTF-8 в PHP
Фильтрация IP-адресов
Форматирование телефонных номеров
Формирование файла sitemap. xml
Хеширование строк в PHP
Чтение Google таблиц в PHP
Чтение XML файла Яндекс Маркета в PHP
Чтение почты через IMAP в PHP
Шаблонизатор Smarty
Шорткоды на регулярных выражениях
Яндекс.Доставка работа с API в PHP

HTML/CSS

Clearfix – отмена действия float
CSS @media для мобильных, планшетов и настольных компьютеров
CSS display table
CSS стили выделенного текста
CSS стили для placeholder
CSS фильтры
CSS-стили для списков dl, dt, dd
Favicon
Input type number
Manifest. json
Open Graph
Schema.org – пример разметки блога
Schema.org – пример разметки статьи
Select option с ссылками
SVG спрайты
Адаптивное выравнивание изображений на всю ширину браузера
Адаптивные блоки YouTube
Адаптивные плееры Youtube на десктопах и мобильных
Блоки со стрелками (часть 1)
Блоки со стрелками (часть 2)
Блокировка многократной отправки формы
Буквица CSS
Ведущие нули у ol
Верстка блока контактов с картой
Верстка рейтинга в виде звезд
Верстка списка с отточием
Вертикальное выравнивание в блоке (Flexbox)
Вертикальное выравнивание текста в блоке (child-helper)
Видео c YouTube в качестве фона сайта
Восстановление стилей текста после CSS reset
Выборка элементов в группе по псевдоклассам CSS
Выравнивание блока по центру родителя
Выравнивание блоков на всю ширину (justify)
Горизонтальное меню
Горизонтальное меню justify
Готовые CSS стили для таблиц
Добавление CSS стилей на страницу
Заголовок с горизонтальной линией посередине
Затемнение изображения и фона с помощью CSS
Изменение CSS-градиента в зависимости от положения курсора
Изменение размеров textarea и других элементов
Изменение цвета Яндекс карт
Информирование о использовании Сookie
Как вместить большие таблицы на страницы сайта
Как вывести штрих-код на сайте
Как загрузить содержимое файла в textarea
Как запретить выделение текста на сайте через CSS
Как ограничить ввод данных в текстовое поле
Как отключить автозаполнение сохранённого логина и пароля в форме
Как отключить тег br
Как сделать интерактивную схему на SVG + jQuery
Как сделать кривые границы блоков в CSS
Как сделать несколько фонов в background
Как сделать полосатую таблицу на HTML, CSS, JS, PHP
Как скрыть лишний текст в блоке
Колоночные шаблоны
Кривое подчёркивание ссылок в Google Chrome
Курсоры в CSS
Ленточки и флажки для блоков на HTML/CSS
Мета-тег viewport
Мета-теги HTML для Apple Safari

Мета-теги для Internet Explorer и Windows
Наведение курсора на ячейки, строки, колонки таблицы
Наложение градиента на изображение
Настройка плеера YouTube
Не стандартный СSS градиент
Номер телефона на сайте
Одна рамка между блоками
Описание мета-тегов
Оформление placeholder разными стилями
Перечёркивание текста по диагонали
Перечёркнутый текст
Печать HTML страниц
Плавное изменение background
Плавное увеличение фонового изображения
Подключение и выполнение JavaScript на странице
Подключение шрифтов в CSS
Подключение шрифтов с другого домена
Подчеркивание текста линией с градиентом
Показать/скрыть пароль
Поле для ввода показаний счетчика
Полупрозрачный градиент поверх картинки
После отправки формы сохранить позицию скролла
Прижать футер к низу окна браузера
Проверка орфографии в браузере
Прокрутка содержимого таблицы
Псевдоклассы nth-child и nth-last-child
Размеры Iframe
Разметка страниц для Twitter (Twitter Cards)
Рамка у отдельных ячеек таблицы
Рамки блоков с градиентом
Расстояние между буквами, строками, ширина табуляции в CSS
СSS стили для горизонтальных линий
Сборник CSS градиентов
Сборник анимированных градиентов
Сброс стилей (CSS reset)
Ссылки на мессенджеры с сайта
Стандартные и безопасные шрифты CSS
Стандарты HTML-документов
Стили для вложенных нумерованных списков ol
Стили для нумерованных списков ol
Стилизация Checkbox
Стилизация input file
Стилизация Radio Button
Стилизация кнопок CSS
Стиль и размер ReCaptcha
Текст в две колонки
Текст в три колонки
Текст с градиентом
Треугольники на CSS
Ускорение загрузки изображений и скриптов
Ускорение загрузки Яндекс Карт
Фильтр файлов по расширению у input file
Фильтры Instagram на CSS
Фон под текстом
Цветные SVG фильтры для элементов
Чекбокс в виде переключателя (switch toggle)
Чекбоксы в виде кнопок
Шахматное поле на CSS
Эффекты анимации на CSS animation keyframes
Яндекс карты не прямоугольной формы

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

DNS-сервера хостингов
HTTP коды
Адреса phpMyAdmin хостингов
Адреса серверов POP3, IMAP и SMTP
Алфавиты в массивах и строках
База городов, регионов и федеральных округов РФ в MySQL
Виртуальные коды клавиш (Virtual-Key Codes)
Когда обновляются DNS сервера?
Коды клавиш клавиатуры для JQuery событий keydown, keyup и keypress
Коды языков ISO 639-1
Коды языков ISO 639-2
Настройки почты для домена Mail. ru, Яндекс, Gmail
Округа и районы Москвы в MySQL
Скан-коды клавиш клавиатуры (scan codes)
Спецсимволы и их мнемоники в HTML
Список MIME типов

Список городов РФ
Список регионов РФ
Список серверов Whois
Список станций Московского метрополитена в PHP-массиве и SQL
Список станций Петербургского метрополитена в PHP-массиве и SQL
Таблица Alt-кодов
Таблица HTML цветов
Таблица кодирования символов в URL
Таблица символов ASCII + Windows 1251
Таблица символов KOI8-R
Таблица символов эмодзи
Таблица цветов RAL classic
Флаги стран
Часовые пояса в PHP
Коды регионов ISO 3166-1 Alpha 2

Страница не найдена (ошибка 404)

PHP

array_unique для многомерных массивов
Contenteditable – текстовый редактор
CURL — если сервер отдает редирект
date() – форматирование даты PHP
PHP parse_url и её обратная функция
PHP класс для отправки E-mail
PHP класс для хлебных крошек
PHP массив в файл CSV
PHP паттерн Registry
PHP транслит
PHP функции для checked и selected
PHP функция serialize, возможные проблемы
PHP-класс для создания миниатюр изображений
PHP-класс обертка для PDO
POST-запрос через file_get_content()
RSS канал на PHP
RSS-файл для Яндекс Турбо-страниц
WebP вместо изображений в браузерах где он поддерживается
Whois, как получить данные IP-адреса и домена в PHP
XML для Яндекс. Недвижимости на PHP
XML-файл объявлений для Авито
ZIP в PHP (ZipArchive)
Автозагрузка классов
Автоматическая установка временной зоны у пользователя
Автоматический контраст цвета шрифта к фону на PHP
Автоматическое заполнение поля «город» в форме по IP адресу
Автоматическое оглавление для статьи
Автоматическое сжатие и оптимизация картинок на сайте
Авторизация на сайте через Facebook
Авторизация на сайте через Яндекс
Авторизация через GitHub
Алфавитный указатель на PHP
Бот Телеграм на PHP
Время жизни сессии в PHP
Время и память выполнения скрипта PHP
Вставить баннер в центр статьи
Вставка и добавление в текст регулярными выражениями
Вход на сайт через Вконтакте
Вход через Google
Вывести массив в виде PHP кода
Вывод HTML-таблицы с функцией сортировки на PHP + MySQL
Вывод PHP-массива колонками
Вывод даты с русскими месяцами
Вывод списка по алфавиту
Выпадающий список с файлами на хостинге
Вычисление процентов в PHP
Генерация QR-кода в PHP
Генерация XML файла для Google Merchant
Генерация YML файл Яндекс Маркета на PHP
Генерация всех комбинаций из набора символов
Генерация паролей в PHP
Генерация превьюшек изображений на лету
Генерация случайных буквенно-цифровых кодов в PHP
Генерация счета на оплату PDF PHP
Генерация токенов в PHP
Дополнительные функции mb_string
Загрузка изображений с превью AJAX + PHP + MySQL
Загрузка файлов на сервер PHP
Загрузка файлов через AJAX с помощью jQuery Form Plugin
Замена кавычек на «ёлочки» в PHP
Замена раскладки на PHP
Замена регистра в строках PHP
Замена символов по регулярному выражению
Запись в лог-файл в PHP
Запись и чтение файлов в PHP
Заполненные PHP-массивы для дат
Защита от нелегального зеркала сайта
Извлечение данных с помощью регулярных выражений PHP
Изображения WebP в GD PHP
Интеграция с платежной системой PayKeeper в PHP
Исключения PHP (Try и Catch)
Использование API Геокодера в PHP для получения координат
Использование API Яндекс Диска на PHP
Использование циклов в PHP
Как включить вывод символов эмодзи на сайте
Как вывести PHP массив
Как вывести метки на Яндекс. Картах из MySQL+PHP
Как выделить фразы в тексте
Как добавить UTM-метки в заявки с сайта
Как дописать стили в атрибут style тегов HTML через PHP
Как интегрировать ReCAPTCHA на сайт
Как найти новые координаты точки при повороте изображения PHP-функцией imagerotate()
Как найти одинаковые файлы с разными именами в PHP
Как настроить Last-Modified
Как получить IP посетителя в PHP
Как получить все дни между датами в PHP
Как получить текущий URL в PHP?
Как преобразовать текст из textarea в параграфы HTML
Как прочитать SSL сертификат из PHP
Как сделать редирект PHP
Как сформировать большой файл для маркета
Как узнать, что пришел запрос через AJAX
Календарь на PHP
Кнопка «Показать еще»
Конвертация байтов в килобайты и мегабайты
Кэширование контента в файлы PHP
Мануал по созданию и форматированию excel файлов в PHPExcel
Массив $_FILES
Массив $_SERVER

Метрика API
Многоуровневый select из базы данных
Обзор PHP расширений для чтения файлов Excel
Обновление таблицы БД из XML файлов
Обработка и вывод рейтинга в PHP
Обработка изображений в PHP
Обрезка текста для анонса
Округление чисел в PHP
Операции с датами и временем Unixtime в PHP
Оплата заказов на сайте через Робокассу
Определение местоположения посетителя по IP-адресу в PHP
Определение мобильного устройства в PHP
Определение основного цвета изображения в PHP
Определение поисковых роботов
Отдача файлов на скачивание PHP
Отключить кэширование PHP
Отправка sms через «SMS Aero» в PHP
Отправка и прием данных 1C на PHP-сайте
Отправка писем через PHPMailer
Отправка писем через SMTP в PHPMailer
Отправка письма с вложением
Отправка сообщения с изображением в Twitter через PHP
Отправка формы через PHP CURL
Отслеживание окончания доменов и SSL-сертификатов
Очистка данных из форм в PHP
Перекодировка текста UTF-8 и WINDOWS-1251
Переносы строк и тег BR в PHP
Платежи на сайте через IntellectMoney PHP
Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable
Подгрузка контента при прокрутке (бесконечная лента)
Подключение к платежной системе Сбербанка
Поиск ближайших объектов в БД по координатам
Поиск на сайте внешних ссылок и их анкоров
Поиск похожих текстов в базе данных MySQL + PHP
Поиск телефона в базе данных MySQL
Поиск файлов в PHP
Поле для выбора количества товаров
Получение котировок PHP
Получить DNS записи домена в PHP
Получить GET-параметр из URL
Получить фото из Instagram без API
Постраничный вывод и базы данных
Постраничный вывод массива
Прайс-лист для Яндекс карт и справочника
Преобразование CSV в XLSX на PHP
Преобразование punycode в PHP
Преобразование изображения в Base64 на PHP
Преобразование строк в массив PHP
Преобразование цветов в PHP
Прием платежей на сайте через интернет-эквайринг Тинькофф
Прием платежей на сайте через Юкассу
Пример парсинга html-страницы на phpQuery
Примеры использования cURL в PHP
Примеры использования PDO MySQL
Проблема PHP DOMDocument – русские буквы заменяются на мнемоники
Проверка данных регулярными выражениями
Публикация записей на стену сообщества VK
Публикация на страницу Facebook через PHP
Работа с API Instagram
Работа с FTP в PHP
Работа с JSON в PHP
Работа с MIME-типами в PHP
Работа с директориями в PHP
Работа с именами файлов в PHP
Работа с массивами PHP – создание, наполнение, удаление
Работа с ценами PHP
Работа с числами в PHP
Работа со строками в PHP
Размер файлов и директорий в PHP
Раскрывающийся многоуровневый список
Расчёт прибыльности за одну единицу товара
Расчёт средней закупочной или продажной цены
Регулярные выражения для замены на теги
Регулярные выражения для удаления тегов
Рисование точки в PHP GD
Секунды в минуты, часы, дни
Склонение слов после числительных в PHP
Создание товарной накладной в PHPExcel
Сортировка массива по количеству символов
Сортировка массивов
Сохранить все изображения со страницы сайта
Сохранить файл в UTF-8 без BOM
Сумма прописью PHP
Счетчик просмотров страниц с графиком
Транслитерация по ГОСТ
Удаление регулярными выражениями в PHP
Управление выводом ошибок PHP
Установка лимитов PHP на обработку данных из форм
Установка локали UTF-8 в PHP
Фильтрация IP-адресов
Форматирование телефонных номеров
Формирование файла sitemap. xml
Хеширование строк в PHP
Чтение Google таблиц в PHP
Чтение XML файла Яндекс Маркета в PHP
Чтение почты через IMAP в PHP
Шаблонизатор Smarty
Шорткоды на регулярных выражениях
Яндекс.Доставка работа с API в PHP

HTML/CSS

Clearfix – отмена действия float
CSS @media для мобильных, планшетов и настольных компьютеров
CSS display table
CSS стили выделенного текста
CSS стили для placeholder
CSS фильтры
CSS-стили для списков dl, dt, dd
Favicon
Input type number
Manifest. json
Open Graph
Schema.org – пример разметки блога
Schema.org – пример разметки статьи
Select option с ссылками
SVG спрайты
Адаптивное выравнивание изображений на всю ширину браузера
Адаптивные блоки YouTube
Адаптивные плееры Youtube на десктопах и мобильных
Блоки со стрелками (часть 1)
Блоки со стрелками (часть 2)
Блокировка многократной отправки формы
Буквица CSS
Ведущие нули у ol
Верстка блока контактов с картой
Верстка рейтинга в виде звезд
Верстка списка с отточием
Вертикальное выравнивание в блоке (Flexbox)
Вертикальное выравнивание текста в блоке (child-helper)
Видео c YouTube в качестве фона сайта
Восстановление стилей текста после CSS reset
Выборка элементов в группе по псевдоклассам CSS
Выравнивание блока по центру родителя
Выравнивание блоков на всю ширину (justify)
Горизонтальное меню
Горизонтальное меню justify
Готовые CSS стили для таблиц
Добавление CSS стилей на страницу
Заголовок с горизонтальной линией посередине
Затемнение изображения и фона с помощью CSS
Изменение CSS-градиента в зависимости от положения курсора
Изменение размеров textarea и других элементов
Изменение цвета Яндекс карт
Информирование о использовании Сookie
Как вместить большие таблицы на страницы сайта
Как вывести штрих-код на сайте
Как загрузить содержимое файла в textarea
Как запретить выделение текста на сайте через CSS
Как ограничить ввод данных в текстовое поле
Как отключить автозаполнение сохранённого логина и пароля в форме
Как отключить тег br
Как сделать интерактивную схему на SVG + jQuery
Как сделать кривые границы блоков в CSS
Как сделать несколько фонов в background
Как сделать полосатую таблицу на HTML, CSS, JS, PHP
Как скрыть лишний текст в блоке
Колоночные шаблоны
Кривое подчёркивание ссылок в Google Chrome
Курсоры в CSS
Ленточки и флажки для блоков на HTML/CSS
Мета-тег viewport
Мета-теги HTML для Apple Safari

Мета-теги для Internet Explorer и Windows
Наведение курсора на ячейки, строки, колонки таблицы
Наложение градиента на изображение
Настройка плеера YouTube
Не стандартный СSS градиент
Номер телефона на сайте
Одна рамка между блоками
Описание мета-тегов
Оформление placeholder разными стилями
Перечёркивание текста по диагонали
Перечёркнутый текст
Печать HTML страниц
Плавное изменение background
Плавное увеличение фонового изображения
Подключение и выполнение JavaScript на странице
Подключение шрифтов в CSS
Подключение шрифтов с другого домена
Подчеркивание текста линией с градиентом
Показать/скрыть пароль
Поле для ввода показаний счетчика
Полупрозрачный градиент поверх картинки
После отправки формы сохранить позицию скролла
Прижать футер к низу окна браузера
Проверка орфографии в браузере
Прокрутка содержимого таблицы
Псевдоклассы nth-child и nth-last-child
Размеры Iframe
Разметка страниц для Twitter (Twitter Cards)
Рамка у отдельных ячеек таблицы
Рамки блоков с градиентом
Расстояние между буквами, строками, ширина табуляции в CSS
СSS стили для горизонтальных линий
Сборник CSS градиентов
Сборник анимированных градиентов
Сброс стилей (CSS reset)
Ссылки на мессенджеры с сайта
Стандартные и безопасные шрифты CSS
Стандарты HTML-документов
Стили для вложенных нумерованных списков ol
Стили для нумерованных списков ol
Стилизация Checkbox
Стилизация input file
Стилизация Radio Button
Стилизация кнопок CSS
Стиль и размер ReCaptcha
Текст в две колонки
Текст в три колонки
Текст с градиентом
Треугольники на CSS
Ускорение загрузки изображений и скриптов
Ускорение загрузки Яндекс Карт
Фильтр файлов по расширению у input file
Фильтры Instagram на CSS
Фон под текстом
Цветные SVG фильтры для элементов
Чекбокс в виде переключателя (switch toggle)
Чекбоксы в виде кнопок
Шахматное поле на CSS
Эффекты анимации на CSS animation keyframes
Яндекс карты не прямоугольной формы

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

DNS-сервера хостингов
HTTP коды
Адреса phpMyAdmin хостингов
Адреса серверов POP3, IMAP и SMTP
Алфавиты в массивах и строках
База городов, регионов и федеральных округов РФ в MySQL
Виртуальные коды клавиш (Virtual-Key Codes)
Когда обновляются DNS сервера?
Коды клавиш клавиатуры для JQuery событий keydown, keyup и keypress
Коды языков ISO 639-1
Коды языков ISO 639-2
Настройки почты для домена Mail. ru, Яндекс, Gmail
Округа и районы Москвы в MySQL
Скан-коды клавиш клавиатуры (scan codes)
Спецсимволы и их мнемоники в HTML
Список MIME типов

Список городов РФ
Список регионов РФ
Список серверов Whois
Список станций Московского метрополитена в PHP-массиве и SQL
Список станций Петербургского метрополитена в PHP-массиве и SQL
Таблица Alt-кодов
Таблица HTML цветов
Таблица кодирования символов в URL
Таблица символов ASCII + Windows 1251
Таблица символов KOI8-R
Таблица символов эмодзи
Таблица цветов RAL classic
Флаги стран
Часовые пояса в PHP
Коды регионов ISO 3166-1 Alpha 2

ajax запрос php пример — ComputerMaker.

info

Автор admin На чтение 7 мин. Просмотров 57 Опубликовано 15.12.2019

В данной статье поговорим о взаимодействии ajax с php. Как связать работу ajax скрипта и php кода? Как применить ajax в веб разработке? Если вас интересуют такие вопросы, вы найдете на них ответы в нашей статье. А также примеры ajax php кода.

Содержание

Наши цели
Применение ajax + php
Взаимодействие ajax с php
Ajax + php пример
Что такое jQuery?
Что такое AJAX?
Что насчет jQuery и AJAX?
Шаг 1. Создайте файл school.php и вставьте в него следующий код:
Шаг 2: Создайте details.php и расположите в нем следующий код:

Наши цели

Применение ajax + php

Для того, чтобы понять, нужен ли нам вообще ajax с php, давайте разберемся для чего он может быть полезен. Применение ajax+ php может быть разнообразным, единственное, то что, нельзя конструировать элементы страницы с помощью данной технологии, которые несут в себе релевантность для поисковых систем. Потому что ajax подгружает элементы страницы после ее загрузки при вызове js событий, но как нам известно, поисковые системы не умеют читать javascript кода, поэтому нужно тщательно выбирать где нужно, а где не нужно применять ajax с php.

Где можно применить ajax + php?

1. Добавление нового комментария

3. Авторизация на сайте

4. Организация поиска на сайте (автозавершение)

5. Пошаговая регистрация пользователя на сайте

6. Подписка на e-mail

7. Просмотр фотографий

Как видите вариантов применения ajax + php масса. То есть, можно применить там, где перезагрузка страницы будет не уместной, где нужно просто обменяться данными с сервером.

Где не стоит применять ajax + php

Мое мнение объективное, может вы думаете иначе, но полагаясь на мой опыт скажу что ajax + php не стоит применять:

1. Для реализации меню

2. Реализации вкладок на странице (Например: когда в интернет магазине на странице товара вы видите обзор, информация, комментарии, фото, видео … не нужно делать загрузку данных при переключении данных вкладок. )

И другие негативные примеры, которые могут навредить лучшему ранжированию вашей страницы.

Взаимодействие ajax с php

По сути, технология ajax не может существовать без php скриптов, так как ajax, только отправляет данные на сервер и принимает обратный ответ, при этом не перезагружая страницы. Поэтому правильнее задать вопрос, как связать работу ajax и php. Но об этом мы поговорим в следующем пункте статьи (ajax php пример), а сейчас разберемся с спецификой работы ajax.

Для отправки данных на сервер, нужно создать объект XMLHTTPRequest. С помощью него открыть url (php скрипт), послать на него данные (POST или GET метод), получить ответ, и средствами знаний языка js вывести полученный ответ сервера на монитор (ответом может быть любой фрагмент или элемент страницы сайта).

Для прояснения посмотрите ниже предоставленную схему иллюстрирующую взаимодействие ajax с php.

Ajax + php пример

Для примера взаимодействия ajax с php, создадим два файла:

1. ajax_page.html

2. get_ajax.php

Сначала рассмотрим пользовательскую сторону приложения, то есть ajax_page.html:

ajax_page.html:

Разберем javascript сторону данного примера:

XmlHttp() – функция которая создает объект XMLHttpRequest(), она написана максимально компактно и кроссбраузерно.

ajax(param) – наш обработчик при вызове событий (onclick), принимает в массиве paramнеобходимые данные:

url – куда отсылать данные, причем он может быть в таком виде page.php?parameter=value, то есть информация может передаваться по методу GET.

statbox – ид html блока который будет принимать результаты работы ajax + php приложения.

method – метод отправки данных, может быть POST или GET. В нашем примере мы используем POST метод, но в то же время через url можно передавать информацию GET методом.

data – массив передаваемых данных. В нашем примере, данные автоматически берутся из поля 1 и 2, хотя можно просто писать data: .

success – имя функции или сама функция, которая будет обрабатывать полученные данные (текст).

Вызов функции ajax как вы видите сделан событием onclick=ajax().

Теперь разберем серверную сторону ajax + php приложения, то есть файл get_ajax.php:

Здесь все гораздо проще. Сначала устанавливаем кодировку выходящих данных, с помощью header. Устанавливаем запрет на кеширование данных. sleep(2) – приостанавливает работу скрипта на 2 секунды, это для того, что бы увидеть анимацию ожидания wait.gif. Выводим полученные данные, при этом читая все элементы массива $_POST и преобразуя их в нужную кодировку (для кириллицы).

Для запуска нашего ajax php приложения загружаем в браузер страничку ajax_page.html

Вот что у меня получилось при нажатии кнопки TEST AJAX :

Это ответ, полученный от файла get_ajax. php:

Остались еще вопросы по поводу ajax + php? Задайте их в комментариях ниже…

AJAX – группа технологий, которая используется в веб разработке для создания интерактивных приложений. AJAX позволяет передавать данные с сервера без перезагрузки страницы. Таким образом можно получать очень впечатляющие результаты. А библиотека jQuery существенно облегчает реализацию AJAX с помощью встроенных методов.

Для реализации технологии используется метод $.ajax или jQuery.ajax:

$.ajax(свойства) или $.ajax(url [, свойства])

Второй параметр был добавлен в версии 1.5 jQuery.

url – адрес запрашиваемой страницы;

properties – свойства запроса.

Полный список параметров приведен в документации jQuery.

В уроке мы используем несколько наиболее часто используемых параметров.

success (функция) – данная функция вызывается после успешного завершения запроса. Функция получает от 1 до 3 параметров (в зависимости от используемой версии библиотеки). Но первый параметр всегда содержит возвращаемые с сервера данные.

data (объект/строка) – пользовательские данные, которые передаются на запрашиваемую страницу.

dataType (строка) – возможные значения: xml, json, script или html. Описание типа данных, которые ожидаются в ответе сервера.

type (строка) – тип запроса. Возможные значения: GET или POST. По умолчанию: GET.

url (строка) – адрес URL для запроса.

Что такое jQuery?

jQuery это библиотека javascript, цель которой «пиши меньше, делай больше». jQuery легко подключить к сайту и начать использовать. С помощью jQuery становится намного проще использовать javascript на вашем сайте.

jQuery устраняет целую прорву строк кода javascript, и позволяет реализовать эту прорву строк всего одним методом.

Что такое AJAX?

AJAX — это асинхронный (т. е. браузер, отослав запрос, может делать что угодно, например, показать сообщение об ожидании ответа, прокручивать страницу, и т.п.) JavaScript и XML. Он используется для создания динамических и быстрых веб-страниц. AJAX позволяет нам обновлять часть веб-страницы без перезагрузки страницы целиком.

Что насчет jQuery и AJAX?

Комбинация jQuery и AJAX обеспечивают мощную функциональность. С помощью jquery и ajax вы можете сделать запрос и получить информацию в различных форматах, включая XML, HTML и даже обычный текст. Для обмена данными можно использовать формат JSON. Данные полученные по ajax запросу мы можем использовать в нашей html странице.

jQuery делает существующий браузерный Ajax API мощнее и проще в использовании. Создавать вызовы ajax обычным способом, используя javascript, немного затруднительно: так как вы должны учитывать, что для различных браузеров требуются разные подходы к созданию объекта XMLHttpRequest . Кроме того отправлять данные, например, из форм, становится сложнее, если вы используете обычный javascript для вызова ajax.

jQuery обеспечивает простую и мощную функциональность, которая расширяет javascript AJAX методы и обеспечивает более гибкий подход.

В этой небольшой статье я покажу вам, как использовать jQuery и AJAX в простой php форме. Давайте начнем. Чтобы использовать jQuery и AJAX нам потребуются два файла, в первом файле будет находиться код html/php, посредством которого и будет составляться ajax запрос. Во втором файле мы будет обрабатывать ajax запрос и возвращать результат на первую страницу.

Шаг 1. Создайте файл school.php и вставьте в него следующий код:

В приведенном выше коде мы получаем имя и номер студента и, используя jquery и ajax, отсылаем их в details.php .

Шаг 2: Создайте details.php и расположите в нем следующий код:

В приведенном выше коде мы получаем адрес студента с помощью порядкового номера и его имени.

Для данного примера вам понадобится создать базу данных school и таблицу students . Таблица student содержит поля с именами, порядковым номером и адресом.

java — Что такое Ajax-запрос? Отличается ли он от запроса сервлета?

Спросил 12 лет, 8 месяцев назад

Изменено 1 год, 5 месяцев назад

Просмотрено 72k раз

может кто подскажет. Что такое Ajax-запрос? Отличается ли он от запроса сервлета?

ява
аякс

Вызов Ajax — это асинхронный запрос, инициированный браузером, который не приводит непосредственно к переходу страницы. Запрос сервлета — это специфичный для Java термин (сервлеты — это спецификация Java) для обслуживания HTTP-запроса, который может получить простой запрос GET или POST (и т. д.) или запрос Ajax.

Ajax-запрос («асинхронный Javascript и XML») иногда называют XHR-запросом («XmlHttpRequest»). Именно так большинство браузеров присваивают объекту, используемому для отправки Ajax-запроса, потому что, по крайней мере, первоначально вызовы Ajax включали отправку и получение XML, но теперь так же часто можно отправлять/получать JSON, обычный текст или HTML.

Хорошим примером запроса Ajax является система комментариев в Stackoverflow. Вы можете ввести комментарий в текстовое поле и нажать «Отправить». Он не отправляет всю страницу (как это делает традиционная отправка HTML-формы, которая обычно преобразуется в запрос POST, но иногда и в HTTP-запрос GET). Вместо этого браузер, вероятно, отправит запрос POST через XHR на сервер и будет уведомлен об ответе (отсюда «асинхронный»). Но сервер, как правило, не может отличить запрос Ajax от перехода на страницу, потому что оба просто сводятся к HTTP-запросам.

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

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

Когда посетитель запрашивает страницу, сервер сразу же отправляет полный код HTML и CSS. После того, как посетитель заполнит форму и отправит ее, сервер обрабатывает информацию (объект запроса сервлета предоставляет информацию о клиентском запросе сервлету. Контейнер сервлета создает объект ServletRequest и передает его в качестве аргумента сервисному методу сервлета) и перестраивает страница. Затем он отправляет полную страницу обратно клиенту. И так далее.

При использовании AJAX страница загружается полностью только один раз, при первом запросе. Помимо кода HTML и CSS, составляющих страницу, также загружаются некоторые файлы JavaScript: движок AJAX. Все запросы данных к серверу будут отправлены в виде вызовов JavaScript этому движку. Затем механизм AJAX асинхронно запрашивает информацию с веб-сервера (объект запроса сервлета содержит измененные параметры запроса). Таким образом, запрашиваются и отправляются в браузер только небольшие биты страницы, поскольку они нужны пользователю. Затем движок отображает информацию без перезагрузки всей страницы. Это приводит к гораздо более отзывчивому интерфейсу, потому что между клиентом и сервером передается только необходимая информация, а не вся страница.

Дополнительную информацию о реализации ajax можно найти по адресу http://www.ibm.com/developerworks/library/j-ajax1/

Ajax — это не язык программирования или инструмент, а концепция. Ajax — это сценарий на стороне клиента, который обменивается данными с сервером/базой данных без необходимости обратной передачи или полного обновления страницы.

Проблема в том, что, как и многие термины, используемые в ИТ ^{1 либо «запрос AJAX», либо «запрос сервлета». Лучшее, что я могу придумать, это следующее:}

AJAX — это сокращение от «Асинхронный Javascript и XML», но в наши дни термин растянут на , чтобы включить JSON, а не XML. Основная идея заключается в том, что логика, встроенная в веб-страницу (в Javascript), отправляет асинхронные HTTP-запросы обратно на «домашний» сервер для запроса дополнительной информации, а не запускает обновление всей веб-страницы.
AJAX-запрос — это запрос, сделанный приложением AJAX . Как правило, это HTTP-запрос, созданный (резидентным для браузера) Javascript, который использует XML для кодирования данных запроса и/или данных ответа. Стандартный способ сделать запрос AJAX в Javascript — использовать объект XmlHttpRequest, но это деталь реализации… не фундаментальная для определения AJAX.
Запрос сервлета — это запрос, сделанный сервлету . Теоретически это даже не обязательно должен быть HTTP-запрос, поскольку технология сервлетов (теоретически) предназначена для работы и с другими протоколами. На мой взгляд, это не особенно полезный термин.

Итак… запрос AJAX может быть запросом сервлета или нет, а запрос сервлета может быть запросом AJAX или нет.

Стоит отметить, что существует интерфейс Java с именем ServletRequest , который является частью API J2EE. Этот интерфейс представляет собой тип объекта, который используется для передачи сведений о веб-запросе в контейнер веб-приложения на основе J2EE. Поэтому, когда вы видите, что кто-то использует термин «запрос сервлета», он может на самом деле говорить об экземпляре ServletRequest .

^{1 — На самом деле ничем не отличается от любого другого естественного языка. Слова и фразы приобретают значение в зависимости от того, как люди их используют, а не в зависимости от определения, которое вы можете найти в словаре. Словарное «определение», как правило, появляется спустя годы или десятилетия после того, как слово или фраза вошло в обиход, и оно дает значение, основанное на том, как слово используется (или использовалось), а не является спецификацией значения.}

AJAX-запрос выполняется (с использованием Javascript) от клиента, а сервлет-запрос выполняется (с использованием, я полагаю, Java) с сервера.

Советую поискать в Википедии или где-то еще.

Ajax запросы — это обращения к веб-серверу. Это зависит от вас, как вы хотите справиться с этим. Сервлет определенно является одним из способов.

Твой ответ

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Обязательно, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Отправка запроса Ajax — Учебное пособие по Java EE 6

Информация о документе

Предисловие

Часть I Введение

1. Обзор

2. Использование учебных примеров

Часть II Веб-уровень

3. Начало работы с веб-приложениями

4. Технология JavaServer Faces

5. Введение в Facelets

6. Язык выражений

7. Использование технологии JavaServer Faces на веб-страницах

8. Использование конвертеров, прослушивателей и валидаторов

9. Разработка с использованием технологии JavaServer Faces

10. Технология JavaServer Faces: расширенные концепции

11. Использование Ajax с технологией JavaServer Faces

Обзор Ajax

Использование функциональности Ajax с технологией JavaServer Faces

Использование Ajax с Facelets

Использование тега f:ajax

Отправка запроса Ajax

Использование атрибута события

Использование атрибута выполнения

Использование непосредственного атрибута

Использование атрибута слушателя

Мониторинг событий на клиенте

Обработка ошибок

Получение ответа Ajax

Жизненный цикл запроса Ajax

Группировка компонентов

Загрузка JavaScript в качестве ресурса

Использование JavaScript API в приложении Facelets

Использование аннотации @ResourceDependency в классе компонента

Пример приложения ajaxguessnumber

Исходные файлы ajaxguessnumber

Страница ajaxgreeting. xhtml Facelets

Файл JavaScript ui.js

Управляемый компонент UserNumberBean

Запуск ajaxguessnumber Пример

Сборка, упаковка и развертывание примера ajaxguessnumber с помощью среды IDE NetBeans

Сборка, упаковка и развертывание примера ajaxguessnumber с использованием Ant

Для запуска примера ajaxguessnumber

Дополнительная информация об Ajax в технологии JavaServer Faces

12. Составные компоненты: расширенные темы и пример

13. Создание пользовательских компонентов пользовательского интерфейса и других пользовательских объектов

14. Настройка приложений JavaServer Faces

15. Технология сервлетов Java

16. Загрузка файлов с помощью технологии Java Servlet

17. Интернационализация и локализация веб-приложений

Часть III Веб-службы

18. Введение в веб-службы

19. Создание веб-сервисов с помощью JAX-WS

20. Создание веб-служб RESTful с помощью JAX-RS

21. JAX-RS: расширенные темы и пример

Часть IV Корпоративные компоненты

22. Корпоративные компоненты

23. Начало работы с Enterprise Beans

24. Примеры запуска корпоративного компонента

25. Пример компонента, управляемого сообщениями

26. Использование встроенного контейнера корпоративных компонентов

27. Использование асинхронного вызова методов в сеансовых компонентах

Часть V. Контексты и внедрение зависимостей для платформы Java EE

28. Введение в контексты и внедрение зависимостей для платформы Java EE

29. Запуск основных контекстов и примеров внедрения зависимостей

30. Контексты и внедрение зависимостей для платформы Java EE: расширенные темы

31. Запуск расширенных контекстов и примеров внедрения зависимостей

Часть VI Стойкость

32. Введение в Java Persistence API

33. Запуск примеров сохраняемости

34. Язык запросов Java Persistence

35. Использование Criteria API для создания запросов

36. Создание и использование запросов на основе строковых критериев

37. Управление одновременным доступом к данным объекта с блокировкой

38. Использование кэша второго уровня с приложениями Java Persistence API

Часть VII Безопасность

39. Введение в безопасность на платформе Java EE

40. Начало работы по обеспечению безопасности веб-приложений

41. Начало работы по обеспечению безопасности корпоративных приложений

42. Безопасность Java EE: расширенные темы

Часть VIII Технологии поддержки Java EE

43. Введение в технологии поддержки Java EE

44. Транзакции

45. Ресурсы и адаптеры ресурсов

46. Пример адаптера ресурсов

47. Концепции службы сообщений Java

48. Примеры службы сообщений Java

49. Проверка компонентов: расширенные темы

50. Использование перехватчиков Java EE

Часть IX Примеры из практики

51. Пример из практики книжного магазина Duke’s

52. Пример репетиторства Герцога

53. Пример

в лесу Герцога.

Индекс

Чтобы активировать функциональность Ajax, веб-приложение должно создать запрос Ajax и отправить его на сервер. Затем сервер обрабатывает запрос.

Приложение использует атрибуты тега f:ajax, перечисленные в таблице 11-1, для создать запрос Ajax. В следующих разделах объясняется процесс создания и отправки запрос Ajax с использованием некоторых из этих атрибутов.

Примечание. За кулисами метод jsf.ajax.request() библиотеки ресурсов JavaScript собирает данные, предоставленные тегом f:ajax, и отправляет запрос в Жизненный цикл JavaServer Faces.

Использование атрибута события

Атрибут события определяет событие, запускающее действие Ajax. Некоторые из возможные значения этого атрибута: щелчок, нажатие клавиши, наведение курсора мыши, фокус и размытие.

Если не указано, событие по умолчанию, основанное на родительском компоненте, будет применяемый. Событием по умолчанию является действие для компонентов javax.faces.component.ActionSource, таких как commandButton и valueChange для компонентов javax.faces.component.EditableValueHolder, таких как inputText. В следующем примере тег Ajax связан с компонентом кнопки, и событие, которое запускает действие Ajax по щелчку мыши:

Примечание. Вы могли заметить, что перечисленные события очень похожи на JavaScript. События. По сути, они основаны на событиях JavaScript, но не имеют префикс on.

Для командной кнопки событием по умолчанию является щелчок, поэтому на самом деле не нужно указывать event=»click» для получения желаемого поведения.

Использование атрибута выполнения

Атрибут выполнения определяет компонент или компоненты, которые должны выполняться на сервер. Компонент идентифицируется его атрибутом id. Вы можете указать больше чем один исполняемый компонент. Если необходимо выполнить более одного компонента, указать список компонентов, разделенных пробелами.

Когда компонент выполняется, он участвует во всех фазах жизненный цикл обработки запросов, за исключением фазы Render Response.

Атрибут выполнения также может быть ключевым словом, таким как @all, @none, @this или @форма. Значение по умолчанию — @this, которое относится к компоненту, в котором тег f:ajax вложен.

Следующий код указывает, что компонент h:inputText со значением идентификатора userNo должен выполняться при нажатии кнопки:

...

Использование непосредственного атрибута

Непосредственный атрибут указывает, должны ли вводимые пользователем данные обрабатываться на ранней стадии. жизненного цикла приложения или позже. Если для атрибута установлено значение true, события генерируемые этим компонентом, передаются во время фазы Apply Request Values. В противном случае, события будут транслироваться на этапе вызова приложений.

Если не определено, значение этого атрибута по умолчанию равно false.

Использование атрибута прослушивателя

Атрибут прослушивателя относится к выражению метода, которое выполняется на на стороне сервера в ответ на действие Ajax на клиенте. слушателя Метод javax.faces.event.AjaxBehaviorListener.processAjaxBehavior вызывается один раз на этапе жизненного цикла Invoke Application. В следующем примере атрибут слушателя определяется тегом f:ajax, который относится к методу из bean-компонента.

Следующий код представляет метод someaction в mybean.

 public void someaction (событие AjaxBehaviorEvent) {
    сделай что-нибудь;
}

Как выполнять вызовы AJAX в Rails 5.1 с jQuery или без него

Rails впервые поставляется без jQuery в качестве зависимости в версии 5.1. Раньше Rails полагался на jQuery для Ненавязчивый JavaScript , но теперь поставляется с собственной библиотекой rails-ujs с теми же функциями.

Одним из наиболее распространенных вариантов использования jQuery в Rails были вызовы AJAX через формы и ссылки. Если вы впервые используете Rails 5.1, вы можете запутаться в том, как выполнять вызовы AJAX, особенно в таких вещах, как форматы данных и включая токены CSRF.

В этом небольшом руководстве вы узнаете, как это сделать.

Если вы используете стандартную форму или ссылку Rails для вызовов AJAX, Rails по-прежнему предлагает несколько отличных встроенных методов. Однако, если вы не используете эти методы, например, при создании пользовательского интерфейса React для приложения Rails, этот учебник будет вам полезен.

1. Используйте rails-ujs (без jQuery)

Новое приложение Rails 5.1 автоматически включает сценарий rails-ujs в файл application.js приложения:

 //= требуется rails-ujs

Если вы не не хотите включать его туда и использовать только выборочно, скажем, если вы делаете отдельный интерфейс React с поддержкой нового веб-пакета Rails, тогда вы можете использовать rails-ujs, установив его как пакет:

 $ yarn add rails -ujs

А затем импортируйте и запустите его в своем файле JavaScript:

 импорт рельсов из 'rails-ujs'
Rails.start()

Удалите эту строку из application.js:

 //= require rails-ujs

Теперь предположим, что мы хотим сделать вызов AJAX POST к конечной точке/вещам API с некоторыми данными, которые выглядят так :

 мои данные = {
 вещь: {
  поле1: значение1,
  поле2: значение2,
}}

Выполнение вызова AJAX POST с помощью rails-ujs выглядит так же, как с помощью jQuery:

 Rails. ajax({
  тип: "ПОСТ",
  адрес: "/вещи",
  данные: мои данные,
  успех: функция (ответ) {...},
  ошибка: функция (ответ) {...}
})

Кроме одного! Насколько я могу судить, вы не можете просто отправить данные JSON. Поэтому нам нужно преобразовать mydata в тип контента application/x-www-form-urlencoded вручную следующим образом:

 mydata = 'thing[field1]=value1&thing[field2]=value2'

jQuery делает это преобразование автоматически перед отправкой запроса .

Я предположил, что у rails-ujs есть какой-то автоматический способ сделать это, но я не смог ничего найти в документах или с кодом .

Если знаешь, дай мне знать .

rails-ujs автоматически позаботится о включении токена CSRF в запрос.

2. Используйте jQuery

Если вам не нравится ручное преобразование данных, вы все равно можете использовать jQuery. В любом случае вы можете полагаться на jQuery для других вещей в своем приложении, поэтому вот несколько способов использования jQuery с Rails для выполнения вызовов AJAX:

2.1. автоматически включается в предыдущие версии Rails. Вы можете установить его, добавив в свой Gemfile:

 gem 'jquery-rails'

Затем запустите:

 $ bundle install

И включите jquery и jquery_ujs в файл application.js:

 //= требуется jquery
//= требуется jquery_ujs

Это все, что вам нужно. Теперь вы можете сделать вызов AJAX обычным способом:

 $.ajax({
  тип: "ПОСТ",
  адрес: "/вещи",
  данные: мои данные,
  успех: функция (данные, textStatus, jqXHR) {...},
  ошибка: функция (jqXHR, textStatus, errorThrown) {...}
})

jquery_ujs позаботится о включении токена CSRF, а jquery автоматически преобразует данные в тип содержимого application/x-www-form-urlencoded.

2.2. Используйте пакет jquery из npm

Если вы не хотите использовать версию jQuery с расширенными версиями, вы можете установить ее как пакет JavaScript из npm:

 $ yarn add jquery
$ yarn add jquery-ujs

Затем импортируйте их в свой файл JavaScript:

 import $ from ‘jquery’
импортировать {} из jquery-ujs

Обязательно удалите гем jquery-rails, если он у вас установлен, и удалите jquery и jquery_ujs из application.js.

Вы можете получить сообщение об ошибке, говорящее о том, что jQuery не определен. В файле конфигурации вашего веб-пакета добавьте это в массив config.plugins:

 new webpack.ProvidePlugin({
 $: «jquery»,
 jQuery: «jquery»
}),

И теперь вы сможете использовать jQuery для выполнения вызовов AJAX.

3. Используйте axios

axios — это HTTP-библиотека на основе обещаний. Вы можете использовать его для отправки HTTP-запросов из node.js (на сервере), а также запросов AJAX из браузера.

Это хорошая альтернатива, если вам не нужны другие функции jQuery. Чтобы использовать axios в приложении Rails 5.1 (с webpacker), установите его:

 $ yarn add axios

Затем импортируйте его в свой файл JavaScript:

 import axios from 'axios'

Теперь мы можем сделать вызов AJAX следующим образом: это:

 аксиомы({
  метод: «ПОСТ»,
  URL: '/вещи',
  данные: мои данные,
  заголовки: {
    'X-CSRF-Token': document.querySelector("meta[name=csrf-token]").content
  }
})
.затем (функция (ответ) {...},
.catch (функция (ошибка) {...}
})

Здесь следует отметить несколько моментов:

Мы должны включить заголовок токена CSRF. В отличие от jquery_ujs и rails-ujs, он не включается автоматически в запросы axios.

Мы можем указать его как настройку по умолчанию, чтобы избежать его повторения во всех наших вызовах AJAX:

 const csrfToken = document.querySelector("meta[name=csrf-token]").content
axios.defaults.headers.common[‘X-CSRF-Token’] = csrfToken

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

Другой вариант — использовать fetch , но это экспериментальный API, который по умолчанию доступен не во всех браузерах. Так что лучше всего использовать полифилл-библиотеку Github . Я предпочитаю axios для выборки, потому что ответы на выборку необходимо сначала преобразовать в json, а обработка ошибок также может сбивать с толку.

Страница AJAX: определение длительных вызовов

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

What to troubleshoot

Here are some troubleshooting tips for identifying performance problems with your app:

Troubleshooting AJAX calls	Examples
Problems across the entire request	Если вы не уверены, в чем проблема, или если вы хотите отслеживать свои запросы от начала до конца, щелкните ссылку распределенной трассировки в AJAX 9.0083 УИ.
Проблемы синхронизации	Проценты общего времени, пропускная способность запросов в минуту (об/мин) и средняя скорость передачи данных на запрос могут помочь выявить проблемы синхронизации. Ищите большие всплески в сводной странице AJAX на диаграмме Средняя передача данных на запрос . На вкладке производительности AJAX отдельного вызова найдите корреляции между большими значениями времени обратного вызова и скоростью передачи данных.
Проблемы с конечными точками	Ищите конечные точки с отклонениями и исследуйте отдельные запросы, сделанные с них. Диаграмма Коды состояния на сводной странице AJAX предоставляет информацию о поведении возврата от вызова. Если вы видите большое количество кодов состояния за пределами диапазона `200` , это может указывать на проблему с вашими конечными точками AJAX.
Определенные проблемы с расположением веб-страниц	Изучите потенциальные проблемы AJAX в контексте страницы, на которой они загружаются. Выберите транзакцию AJAX, затем выберите любую трассировку из трассировки сеанса с таблицей AJAX .

Как это сделать

Чтобы устранить проблемы с запросами AJAX для вашего приложения:

Перейдите на one.newrelic.com > Браузер > (выберите приложение) > AJAX .
Выберите тип устройства: настольный компьютер (по умолчанию), мобильный телефон и планшет.
Чтобы просмотреть сведения о конкретном вызове AJAX по производительности или просмотру страницы, щелкните ссылку.

one.newrelic.com > Браузер > (выберите приложение) > AJAX . Выявление проблем из-за трудоемких или неудачных вызовов AJAX, которые обновляют части веб-страницы на вашем сайте.

На сводной странице представлено несколько диаграмм, помогающих устранять неполадки при вызовах AJAX.

Страница сводки AJAX	Комментарии
Группы и фильтры	Используйте любой из доступных параметров Сортировка по в пользовательском интерфейсе. Все запросы AJAX, которые занимают более двух минут, автоматически отфильтровываются.
Конечные точки	На диаграмме Пропускная способность показаны пять конечных точек с самой высокой пропускной способностью. Если вызов имеет более пяти конечных точек, они объединяются на диаграмме как Other .
Звонки от New Relic	Вы можете увидеть, как наш собственный браузер отслеживает вызовы AJAX к вашему приложению. Это нормально, потому что вся активность фиксируется во время сеанса браузера.
Отсутствуют данные браузера	Сведения о времени AJAX недоступны в браузерах IE 7, IE 8 или Chrome для iOS. Если вы не видите ожидаемых данных из других браузеров, следуйте нашим процедурам устранения неполадок AJAX.

После выбора конкретного вызова на сводной странице AJAX можно перейти к подробной информации по ссылке AJAX Performance . Сюда входит прямая ссылка на детали трассировки сеанса.

Отсюда вы также можете выбрать вкладку для получения данных о производительности по просмотрам страниц. (Если количество запросов вашего сервера приложений значительно превышает число транзакций PageView вашего браузера, это связано с тем, что некоторые запросы к вашей серверной части выполняются через AJAX. Для получения дополнительной информации см. наши процедуры устранения неполадок.)

one.newrelic.com > Браузер > (выберите приложение) > AJAX > (выберите вызов AJAX) : В этом примере показаны сведения о производительности для определенного вызова AJAX. Вы также можете просмотреть данные о производительности по просмотрам страниц.

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

Четыре периода времени ( Время применения , Время ожидания , Время сети и Время обратного вызова ): эти вызовы AJAX выполняются для приложений, отслеживаемых агентами APM, которые предоставляют заголовки трассировки между приложениями.
Два периода времени ( Время ответа и Время обратного вызова ): эти вызовы AJAX выполняются для приложений, которые либо не отслеживаются агентами APM, либо отслеживаются агентами, которые не предоставляют заголовки трассировки между приложениями.

Чтобы отслеживать ваши запросы от начала до конца, вы также можете щелкнуть ссылку распределенного отслеживания в АЯКС Пользовательский интерфейс.

Чтобы просмотреть список распределенных трассировок, щелкните ссылку в пользовательском интерфейсе AJAX на уровне сводки AJAX.
Чтобы просмотреть все трассировки, отфильтрованные вашим приложением и определенным типом запроса, щелкните ссылку распределенной трассировки для запроса, выбранного в пользовательском интерфейсе AJAX .

При сортировке списка категорий AJAX по Процент общего времени список показывает процент для каждой категории AJAX. Кроме того, на диаграмме показаны самые популярные запросы с наибольшим процентом времени.

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

Пример: расчет процента времени для двух категорий AJAX

В этом примере используются две категории AJAX: api1.example.com и api2.example.com .

Ваш api1.example.com попал 1 раз, и для ответа требуется 1 секунда (1000 мс) (1 x 1 секунда = 1 секунда).

Ваш api2.example.com попал 500 раз, и для ответа требуется 1 мс (500 x 1 мс = 500 мс или 0,5 секунды).

Совокупное время запроса для всех ваших категорий AJAX составляет 1500 мс или 1,5 секунды. Чтобы получить процент времени, разделите каждую категорию AJAX на совокупное время запроса, а затем умножьте на 100, чтобы получить процент.

Итак, api1.example.com составляет 67% (1000 разделить на 1500, умножить на 100), а api2.example.com составляет 33% (500 разделить на 1500, умножить на 100) от общего процента времени.

Time calculations	api1	api2
Number of hits	1	500
Время, чтобы ответить	1 секунду (1000 мс) 1 Хит x 1000 мс = 1000 мс (1 секунда)	1 миллисекунд (1 мс) 500 Хит x 1MS = 500S (.
Совокупное время запроса для всех категорий AJAX	1000MS + 500 мс = 1500 мс (1,5 секунды)	1000MS + 500MS = 1500 мс (1,5 секунды) 301 1000MS + 500MS = 1500 мс (1,5 секунды) 30136. 1500 мс совокупное время запроса x 100 для процента	1000 мс / 1500 x 100 = 67%	500 мс / 1500 x 100 = 33%

Time calculations

api1

api2

Number of hits

500

Время, чтобы ответить

1 секунду (1000 мс)

1 Хит x 1000 мс = 1000 мс (1 секунда)

1 миллисекунд (1 мс)

500 Хит x 1MS = 500S (.

Совокупное время запроса для всех категорий AJAX

1000MS + 500 мс = 1500 мс (1,5 секунды)

1000MS + 500MS = 1500 мс (1,5 секунды)

301

1000MS + 500MS = 1500 мс (1,5 секунды)

30136.

1500 мс совокупное время запроса x 100 для процента

1000 мс / 1500 x 100 = 67%

500 мс / 1500 x 100 = 33%

. Следующие

В дополнение к AJAX. ресурсы:

Помогите предотвратить возникновение проблем, используя оповещения и прикладную аналитику для ключевых показателей эффективности.
Используйте мониторинг одностраничных приложений (SPA). Это полезно для любого приложения, которое использует запросы AJAX для динамического извлечения контента и создания гибкого взаимодействия с пользователем.
Запросите свои данные в пользовательском интерфейсе или через API. Например, вы можете запрашивать события браузера по умолчанию, использовать SPA AjaxRequest для географических данных и данных браузера или получать свои собственные данные в New Relic.
Визуализируйте и делитесь своими данными с помощью диаграмм и информационных панелей.

Была ли эта страница полезной?

Предложите изменение и узнайте, как внести свой вклад

На этой странице

Выполнение запросов AJAX с помощью Fetch API | Маттео Поссамаи

Большинство веб-приложений, приложений и сайтов основаны на тех или иных API и сервисах, предоставляемых некоторыми ассоциациями или созданных для определенной цели. Эти сервисы действительно полезны, и без них не было бы большинства ресурсов.

Итак, в этой статье мы узнаем, как выполнять вызовы ко всем API через Fetch API, чтобы вы могли получить всю информацию, необходимую для размещения на вашем веб-сайте.

Прежде всего, вам нужно знать, что выполнение вызовов с помощью Fetch вместо того, чтобы делать это через jQuery.ajax() , не то же самое, хотя результат тот же.

Различия:

С Fetch API возвращенный промис не будет отклонен, даже с кодом ответа, например 404. Он будет работать так же, добавляя OK или false в статусе.
Fetch не отправляет файлы cookie из разных источников, если это не запрошено явным образом.

Для общего обзора того, как это работает, мы можем сказать, что Fetch использует протокол HTTP, поэтому он обрабатывает запросы и ответы. Если вам нужна дополнительная информация о HTTP, прочитайте эту статью:

Протокол HTTP: все, что вам нужно знать

Если вы когда-либо выполняли поиск в Интернете в браузере, вы наверняка хотя бы раз использовали этот конкретный протокол. …

javascript.plainenglish.io

Знать все тонкости протокола не обязательно, но полезно. Особенно, когда речь идет о коде состояния.

Fetch — это асинхронная функция, которая возвращает обещание, которое разрешается в ответ на ранее настроенный запрос.

Есть несколько интерфейсов к этому API, а именно:

 fetch() 
 Заголовки 
 Запрос 
 Ответ

Fetch — это метод, используемый для извлечения ресурсов, как мы увидим позже. Заголовки — это заголовки ответа/запроса в протоколе HTTP. Запрос содержит информацию запроса и ответы ответа.

Fetch API совместим практически со всеми современными браузерами. Есть только Internet Explorer, который не может нормально работать с этим API, но сейчас IE почти исчез.

Итак, если вам нужно вызвать API, это лучший выбор, также в зависимости от возможных устройств и доступных браузеров.

Теперь мы можем углубиться в то, как использовать fetch API для получения информации из Интернета и сервисов по всему миру. Первый метод HTTP будет самым известным и используемым: метод GET.

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

В Fetch API метод GET является методом по умолчанию, поэтому это самая простая операция для выполнения. Вам нужно только указать ссылку на конечную точку API.

Вот пример кода для вызова случайного URL-адреса API, который вы можете адаптировать к своим сценариям:

 fetch('http://www. apiwebsiterandom/getinformations') 
 .then(response = > ответ.json()) 
 .then(data => console.log(data)

В этом примере он вызывает случайный API (то есть поддельный) для заданного маршрута. Он создает промис, который работает асинхронно, и когда он разрешен, возвращает строка

В этот момент вы создаете новый Promise, который асинхронно преобразует строку в JSON.JSON — это основной формат, используемый API, но его можно изменить.

Затем получается объект, который вы можно использовать в качестве ответа для динамического создания ваших данных.0005

Вторым по значимости методом является POST, который позволяет пользователям помещать информацию в API и, в конечном счете, в базу данных.

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

Это не метод API по умолчанию, поэтому мы должны указать его внутри тела функции.

Есть много значений, которые мы можем установить внутри этой функции, и мы увидим их позже. Пока мы увидим только метод и тело. Они позволяют нам установить, какие HTTP-методы использовать, и содержимое тела.

Вот синтаксис POST-запроса:

 fetch('http://www.apiwebsiterandom/postnews', { method: 'POST', headers: { 'Accept': 'application/json', 'Content- Тип': 'application/json' }, тело: JSON.stringify({имя пользователя: имя пользователя, пароль: пароль})}) 
 .then(response => response.json()) 
 .then(data => console. log(data)

Кроме того, используется метод вереска, и в нем говорится, что JSON является форматом ответа по умолчанию.0005

В качестве метода мы использовали POST, но вы можете использовать все методы HTTP с заглавными буквами. В теле вам нужно поместить строковый JSON возможных данных, которые вы хотите отправить.

Возможно, вы хотите сделать общий вызов API. Здесь есть схема почти со всеми вещами, которые можно модифицировать и персонализировать, с кратким описанием.

С помощью этой схемы вы сможете управлять почти всеми вызовами API наилучшим образом.

 fetch(url, { 
 метод: 'POST', // GET, POST, PUT, DELETE, HEADER ..... 9Режим 0424: 'cors', // no-cors, *cors, тот же источник 
 cache: 'no-cache', // *default, no-cache, reload,... для кэшированной информации об учетных данных вызова 
 : 'same-origin', // включить, *same-origin, опустить заголовки 
: { 
 'Content-Type': 'application/json' // тип содержимого 
 }, 
 перенаправление: 'follow', // manual, *follow, error... если вам нужно перенаправление 
 referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin... ссылается на политику 
 body: JSON .stringify(data) // тот же тип заголовков один 
 }) 
 .then(response => response.json()) 
 .then(data => console.log(data)

Вам нужно только настроить эту информацию, и вы можете вызывать все возможные API и получать полезные данные, которые вы

В этой статье вы найдете всю самую важную информацию о Fetch API. Теперь ваш сайт или приложение может иметь необходимые динамические данные.

Ajax запрос пример: 8 примеров | AJAX запрос на чистом Javascript и не только

Страница не найдена (ошибка 404)

PHP

HTML/CSS

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

Страница не найдена (ошибка 404)

PHP

HTML/CSS

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

Страница не найдена (ошибка 404)

PHP

HTML/CSS

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

Страница не найдена (ошибка 404)

PHP

HTML/CSS

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

ajax запрос php пример — ComputerMaker.

Что такое jQuery?

Что такое AJAX?

Что насчет jQuery и AJAX?

Шаг 1. Создайте файл school.php и вставьте в него следующий код:

Шаг 2: Создайте details.php и расположите в нем следующий код:

java — Что такое Ajax-запрос? Отличается ли он от запроса сервлета?

Твой ответ

Зарегистрируйтесь или войдите в систему

Опубликовать как гость

Опубликовать как гость

Отправка запроса Ajax — Учебное пособие по Java EE 6

Использование атрибута события

Использование атрибута выполнения

Использование непосредственного атрибута

Использование атрибута прослушивателя

Как выполнять вызовы AJAX в Rails 5.1 с jQuery или без него

Страница AJAX: определение длительных вызовов

What to troubleshoot

Как это сделать

. Следующие

Была ли эта страница полезной?

На этой странице

Выполнение запросов AJAX с помощью Fetch API | Маттео Поссамаи

Протокол HTTP: все, что вам нужно знать

Если вы когда-либо выполняли поиск в Интернете в браузере, вы наверняка хотя бы раз использовали этот конкретный протокол. …

Добавить комментарий Отменить ответ

Рубрики

Рубрики