Алексей Уколов

function historyLoad() {
	// History - это какая-то обертка над History API, что возвращает метод getState точно неизвестно
	var State = History.getState();

	// Просто логирование
	History.log('initial:', State.data, State.title, State.url);

	// Показывается прелоадер
	$('#preload').fadeIn(200);

	// Если последний символ в url слеш, то:
	// 1. изменяется глобальная переменная content
	// 2. выполняется функция getHeader
	// 3. функция завершает работу
	if ("/" == State.url.slice(-1))
	{
		content = "home";
		getHeader();
		return;
	}

	// Разбиваем url по знаку вопроса (забыли var)
	str = State.url.split('?');

	// Берем часть после знака вопроса (забыли var)
	strSplit = str[1];

	console.log(strSplit);

	// Разбивает часть после знака вопроса по амперсанду (забыли var)
	l = strSplit.split('&');

	// Если есть что-то между знаком вопроса и первым амперсандом
	if (l[0])
	{
		// В зависимости от того, что находится перед первым амперсандом
		switch (l[0])
		{
			case "en":
			case "ru":
			case "ua":
				// изменяем глобальную переменную lang
				// вызываем функцию getHeader
				lang = l[0];
				getHeader();
				break;
			default:
				// если первый элемент перед амперсандом не en, ru или ua:
				// 1. изменяется глобальная переменная content
				// 2. выполняется функция getHeader
				content = "abra";
				getHeader();
				break;
		}

		if (l[1] && undefined != l[1])
		{
			// Если что-то есть между первым и вторым амперсандами (ну или просто после первого, если других нет),
			// записываем эту строку в глобальную переменную content
			content = l[1]
		}
	}
	else
	{
		// Вызывем функцию getHeader
		getHeader();
	}
}

// Выполняем функцию при старте страницы
historyLoad();

// слушаем изменение url страницы, используя обертку над History API и выполняем функцию historyLoad
History.Adapter.bind(window, 'statechange', function () { // Note: We are using statechange instead of popstate
	// Log the State
	historyLoad();
});

$.post(
    '/index.php',
    {
        'filed': '123',
        'arr['+inp+']' // Где ключ или значение?
    }
);

var input = 'text';
var params = {
    field: '123',
    arr: {}
};

params.arr[input] = 'хз';

$.post('/index.php', params);

$('#contentHolder').on('click', '.historyAPI', function (e) {
        e.preventDefault();
        var href = $(this).attr('href');
        getContent(href, true);
});

contentHolder.innerHTML = '';
contentHolder.innerHTML = data;

$query = $mysqli->query(
	"SELECT chat.id, chat.time, chat.msg, chat.user_id, u.login
	FROM chat_public as chat
	INNER JOIN users as u ON u.id = chat.user_id
	ORDER BY chat.id DESC"
);

$messages = [];

while ($result = $query->fetch_assoc()) {
	$messages[] = [
	    'login' => $result['login'],
	    'text' => $result['msg'],
	    'user_id' => $result['user_id'],
	    'date' => date('Y-m-d(H:i:s)', $result['time']),
	];
}

echo json_encode($messages, JSON_UNESCAPED_UNICODE);

var $xhr = $.getJSON("/api/index.php?alg=chat&action=chat_display&using=ajax&chat=public");

$xhr.done(function (messages) {
	$.each(messages, function(index, message)
	{
		// Тут ваш большой html, я упростил.
		$(".result_message").append('<p>' + message.login + ' / ' + message.date + ' / ' + message.text + '</p>');
	});
});

When using Select2 with remote data, the HTML required for the select is the same as any other Select2. If you need to provide default selections, you just need to include an option for each selection that contains the value and text that should be displayed.