AUser0

Или делать как AliExpress и другие китайские сайты, открывая новый таб на каждый чих. Или не уходить со странички, JavaScript-ом открывая модальное окно с данными "второго уровня". Ну и третий вариант, сложнее - как-то кэшировать AJAX, скроллировать JavaScript-ом.

На странице с серийными номерами каждый серийный сделайте ссылкой на вторую страницу, с аргументом вида server.net/page2.php?serial_id=AA12-34-5678.

Соответственно на второй странице сразу делайте поиск этого $_GET['serial_id'], и выводите результат. Ну или если форма нужна-нужна-всенепременнейше - рисуйте эту форму с заполненным из $_GET['serial_id'] полем серийного номера.

Всё!

Вы уже делаете POST-запрос, для добавления данных в БД.
Так возвращайте добавленные данные в ответе этого-же POST-запроса.
Ну и добавляйте возвращённую строку(и) в вашу таблицу, отдельного запроса просто не нужно.

Ну по логике у вас должен быть код

$('#city-dropdown').on('change', function() {.....})

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

Возможно решит проблему:

xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

Если на сервере в файл /var/log-amo3.txt записывается "null" - значит в переменной $lead хранится значение NULL, значит $lead=$request->get("leads"); присваивает NULL, значит $request->get("leads") возвращает NULL, значит нуууужно что...?

Обратите внимание, у вас в слове action в приведённом HTML разный цвет букв. Явно там неанглийская буква...

Интересно, а почему вы отправляете данные какой-то $(form).serialize(), когда вам доступен event, для которого и делается submit?

IMHO AJAX так не сделает.
Он получает всю страницу, т.е. дожидается разрыва коннекта, после чего возвращает результат.
Тут вам Websocket нужен...

Вы вызываете fetch_data.php методом POST, но в самом файле используете $_GET['id'], серьёзно? И защиты от MySQL инъекций - полный нуль.

По TikTok-роликам учитесь?

dataType должен быть JSON.

Смотрите Response, там догадаетесь, какой скрипт этот ответ и сгенерировал.

Да, можно. Как передавать данные на сервер, так и принимать данные с сервера. С переменными проблем нет, можно использовать "вредный" способ с eval(), можно распаковывать JSON прямо в переменные, можно создавать переменные на основе скачанных данных.

IMHO, у вас в 'body' текст, который совсем не JSON.

Так напишите console.log(result == "username-error");, и увидите результат этой проверки. И лучше делать console.dir(result);, тогда будет видна настоящая структура result, может там вообще массив сидит...

Логично же, что AJAX-функция во время своей работы блокирует переход по любым ссылкам. Пока AJAX-функция переходы не разблокирует (получив данные) - переходов и не будет. Ищите не в PHP, а в AJAX-функции в браузере.