Да, браузеры могут обрабатывать несколько AJAX-запросов одновременно, поскольку JavaScript в браузере работает асинхронно и может обрабатывать множество HTTP-запросов в фоновом режиме без блокировки пользовательского интерфейса.
Чтобы предотвратить множественное привязывание событий к одному и тому же элементу, убедитесь, что обработчик событий привязывается к элементу только один раз. Если вы используете jQuery, убедитесь, что вы не привязываете новый обработчик событий каждый раз, когда происходит событие (например, при загрузке контента AJAX).
Пример кода, который может вызвать геометрическое увеличение количества обработчиков:
```javascript
// Это пример того, как НЕ следует делать, так как каждый раз при клике на '.menuline' добавляется еще один обработчик
$('body').on('click', '.menuline', function() {
$(this).on('click', function() {
// обработчик события
});
});
```
Вот как можно исправить эту проблему:
```javascript
// Корректный подход: привязать обработчик события один раз вне какого-либо другого обработчика событий
$('body').on('click', '.menuline', function() {
// обработчик события
});
```
Если же содержимое страницы динамически изменяется и вы добавляете новые элементы с классом `menuline`, которые тоже должны иметь обработчики, используйте делегирование событий:
```javascript
// Правильное делегирование событий в jQuery
$(document).on('click', '.menuline', function() {
// обработчик события
});
```
Делегирование событий назначает обработчик событий на родительский элемент (в этом случае `document` является родительским для всех элементов на странице), а затем, с помощью всплытия событий, обеспечивает выполнение события на дочерних элементах, совпадающих с указанным селектором (`.menuline`), даже если они были добавлены после установки обработчика. Это предотвращает необходимость привязывать событие к каждому новому элементу отдельно.