Multi-strategy AJAX and event-driven state management for responsive web applications

Скорочена інформація про документ
dc.contributor.authorRudnikova, Nataliia
dc.contributor.authorNedashkivsky, Oleksii
dc.date.accessioned2026-02-09T10:29:00Z
dc.date.available2026-02-09T10:29:00Z
dc.date.issued2025
dc.description.abstractResearch addresses engineering high-performance, responsive web apps for complex data and real-time user interaction. The study focuses on the client-server integration in a monolithic Django pattern/architecture, specifically the orchestration of asynchronous client technologies, for instance, AJAX, JavaScript, and server logic, for instance, Python/Django. The goal is to design, implement, and validate a Unified AJAX Integration Framework. This framework enables seamless real-time data exchange, dynamic updates, and complex state management for diverse components: interactive tables, multi-dimensional charts, multi-step forms, and the Checkout Session Container. Django framework, jQuery for AJAX, and JavaScript libraries (Chart.js, DataTables) are included as materials. Methods applied involve systematic software architecture design, asynchronous programming analysis, RESTful API development, and empirical performance benchmarking of data-loading and state management strategies. Scientific contribution is twofold. Firstly, Multi-Strategy AJAX Integration Model is formalized as a decision framework that dynamically selects between server-side rendering (django-tables2), client-side rendering (vanilla jQuery/DataTables), and a hybrid AJAX-Datatable approach based on data complexity, volume, and interaction. Secondly, Event-Driven State Management System as a robust design for distributed, session-based UI components using a centralized AJAX action dispatcher and a universal state synchronization function. This ensures data consistency across independent page components and eliminates race conditions in concurrent operations. As a result, the framework achieved a significant reduction in server load and perceived latency. The benchmarked components consistently showed sub-200ms response times for datasets over 10,000 records. The cart system handled over 1,000 consecutive operations without any state desynchronization.
dc.description.abstractotherУ дослідженні розглянуто розробка високопродуктивних, адаптивних веб застосунків для складних даних та взаємодії з користувачем у режимі реального часу. Дослідження зосереджене на інтеграції клієнт-сервер у монолітному шаблоні/архітектурі Django, зокрема на оркестрації асинхронної клієнтської технології, наприклад, AJAX, JavaScript, та серверної логіки, наприклад, Python/Django. Метою є розробка, впровадження та валідація єдиної платформи впровадження AJAX. Ця платформа забезпечує безперебійний обмін даними в режимі реального часу, динамічні оновлення та складне управління станом для різних компонентів: інтерактивних таблиць, багатовимірних діаграм, багатокрокових форм та контейнера сеансу оформлення замовлення. Матеріали включають платформу Django, jQuery для AJAX та бібліотеки JavaScript (Chart.js, DataTables). Застосовані методи включають систематичне проектування архітектури програмного забезпечення, аналіз асинхронного програмування, розробку RESTful API та емпіричний бенчмаркінг продуктивності стратегій завантаження даних та управління станом. Результати показують, що науковий внесок є двояким. По-перше, формалізована багатостратегічна модель інтеграції AJAX як фреймворк для прийняття рішень, який динамічно вибирає між рендерингом на стороні сервера (django-tables2), рендерингом на стороні клієнта (vanilla jQuery/DataTables) та гібридним підходом AJAX-Datatable на основі складності даних, обсягу та взаємодії. По-друге, система керування станом на основі подій як надійна конструкція для розподілених компонентів інтерфейсу користувача на основі сеансів з використанням централізованого диспетчера дій AJAX та універсальної функції синхронізації станів. Це забезпечує узгодженість даних між незалежними компонентами сторінки та усуває умови гонки в одночасних операціях. В результаті фреймворк досяг значного зниження навантаження на сервер та сприйнятої затримки. Панель інструментів AJAX постійно показувала час відгуку менше 200 мс для наборів даних понад 10 000 записів. Було оброблено понад 1000 послідовних операцій за допомогою системи кошика без будь-якої десинхронізації станів.
dc.format.pagerangeP. 180-197
dc.identifier.citationRudnikova, N. Multi-strategy AJAX and event-driven state management for responsive web applications / Nataliia Rudnikova, Oleksii Nedashkivsky // Information, Computing and Intelligent systems. – 2025. – No. 7. – P. 180-197. – Bibliogr.: 15 ref.
dc.identifier.doihttps://doi.org//10.20535/2786-8729.7.2025.341787
dc.identifier.orcid0009-0008-7057-4241
dc.identifier.orcid0000-0002-1788-4434
dc.identifier.urihttps://ela.kpi.ua/handle/123456789/78694
dc.language.isoen
dc.publisherNational Technical University of Ukraine "Igor Sikorsky Kyiv Polytechnic Institute"
dc.publisher.placeKyiv
dc.relation.ispartofInformation, Computing and Intelligent systems, No. 7, 2025
dc.rights.urihttps://creativecommons.org/licenses/by/4.0/
dc.subjectсерверне програмування
dc.subjectінтеграція AJAX
dc.subjectфреймворк Django
dc.subjectJavaScript
dc.subjectдинамічна візуалізація даних
dc.subjectDataTables
dc.subjectодносторінковий додаток
dc.subjectRESTful API
dc.subjectархітектура програмного забезпечення
dc.subjectоптимізація продуктивності
dc.subjectServer-Side Processing
dc.subjectAJAX integration
dc.subjectDjango framework
dc.subjectJavaScript
dc.subjectdynamic data visualization
dc.subjectDataTables
dc.subjectsingle-page application
dc.subjectRESTful API
dc.subjectsoftware architecture
dc.subjectperformance optimization
dc.subject.udc004.4, 004.738.5
dc.titleMulti-strategy AJAX and event-driven state management for responsive web applications
dc.title.alternativeБагатостратегійне керування AJAX та подієво-орієнтоване керування станом для адаптивних веб застосунків
dc.typeArticle

Файли

Контейнер файлів
Зараз показуємо 1 - 1 з 1
Ескіз
Назва:
180-197.pdf
Розмір:
2.25 MB
Формат:
Adobe Portable Document Format
Завантажити

Зібрання

Information, Computing and Intelligent systems, No. 7