Взаимодействие браузерного и серверного кода: работа с URL в JS и PHP

Как выполнить GET запрос с параметрами, используя XMLHttpRequest?

Этот метод устарел, но все еще встречается в старых проектах. Он требует больше кода для обработки состояний.

// JavaScript
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api.php?action=info&id=42', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();

Mobile php url (мобильный url в php)

Цель использования: Поддержка Internet Explorer или старых корпоративных систем.

Как отправить данные через POST запрос с помощью Fetch, чтобы скрыть параметры из URL?

Если необходимо передать конфиденциальные данные (пароли) или большие объемы, используйте POST с телом запроса.

// JavaScript
const formData = new FormData();
formData.append('username', 'admin');
formData.append('password', 'secret');
fetch('/login.php', { method: 'POST', body: formData })
  .then(r => r.text())
  .then(console.log);

Php open url (открытие url в php)

// PHP - login.php
$username = $_POST['username'] ?? '';
$password = $_POST['password'] ?? '';
// обработка

Js php url (javascript и php url)

Цель: Безопасная передача чувствительных данных, отправка файлов (multipart/form-data).

Как изменить URL в адресной строке без перезагрузки с помощью History API?

Метод pushState позволяет добавить новую запись в историю браузера и изменить отображаемый URL. Это полезно для одностраничных приложений.

// JavaScript
window.history.pushState({ page: 'profile' }, 'Профиль', '/profile?id=123');
// Обработка события popstate при нажатии кнопок назад/вперед
window.addEventListener('popstate', function(event) {
  console.log('Состояние:', event.state);
  // загрузка контента по новому URL
});

Php строка url (строка url в php)

Случаи использования: SPA на React/Vue, сохранение состояния фильтров, пошаговые формы.

Как передавать данные внутри страницы с помощью хеша (hash)?

Хеш (часть URL после #) не отправляется на сервер при обычных запросах, но может быть прочитан JavaScript. Это удобно для навигации по секциям.

// Установить хеш
window.location.hash = 'section2';
// Чтение хеша
let hash = window.location.hash.substring(1); // 'section2'
// Событие при изменении хеша
window.addEventListener('hashchange', function() {
  let newHash = location.hash.slice(1);
  loadContent(newHash);
});

Url class php (класс url в php)

Цель: Одностраничные приложения с навигацией без перезагрузки, отслеживание состояния без сервера.

Как закодировать сложные данные (объекты) для передачи в URL?

Иногда требуется передать структурированные данные, например, массив или объект. Можно преобразовать их в JSON и закодировать в base64.

// JavaScript - кодирование
const userData = { name: 'Мария', age: 25, roles: ['admin', 'editor'] };
const encoded = btoa(encodeURIComponent(JSON.stringify(userData)));
console.log(encoded); // "eyJuYW1lIjoi0JzQsNGA0LjRjyIsImFnZSI6MjUsInJvbGVzIjpbImFkbWluIiwiZWRpdG9yIl19"

// Отправка через URL
fetch('/user.php?data=' + encoded);

Php url query (url-запрос (query string) в php)

// PHP - декодирование
$raw = $_GET['data'] ?? '';
$json = base64_decode(urldecode($raw));
$data = json_decode($json, true);
print_r($data);

Include php url (включение url через include в php)

Когда использовать: Когда нужно передать структурированные данные, но нет возможности использовать POST. Увеличивает размер данных.

Как разобрать URL на компоненты на сервере PHP?

Функция parse_url() разбивает URL на схему, хост, путь, запрос и фрагмент. parse_str() преобразует строку запроса в массив.

$url = 'https://example.com/path/page?name=John&age=30#section';
$parts = parse_url($url);
print_r($parts);
// Результат:
// Array ( [scheme] => https [host] => example.com [path] => /path/page [query] => name=John&age=30 [fragment] => section )

parse_str($parts['query'], $params);
print_r($params);
// Array ( [name] => John [age] => 30 )

Engine php url (движок url в php)

Применение: Извлечение параметров из внешних ссылок, логирование, редиректы.

Как передать массив через query string?

PHP поддерживает синтаксис name[] для передачи массива. В URL нужно указать ключ с квадратными скобками.

// JavaScript
const colors = ['red', 'green', 'blue'];
const params = new URLSearchParams();
colors.forEach(c => params.append('colors[]', c));
fetch('/filter.php?' + params.toString());

// URL будет: filter.php?colors%5B%5D=red&colors%5B%5D=green&colors%5B%5D=blue

Url form php (url формы в php)

// PHP
$colors = $_GET['colors'] ?? []; // уже массив
print_r($colors); // Array ( [0] => red [1] => green [2] => blue )

Цель: Передача списков значений (фильтры, теги).