awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

9 dépôts

Awesome GitHub RepositoriesAJAX Content Swapping

Mechanisms for intercepting navigation to replace DOM containers via asynchronous requests.

Distinct from AJAX Request Triggers: Unlike AJAX Request Triggers, this focuses on the architectural pattern of swapping entire page containers for seamless navigation.

Explore 9 awesome GitHub repositories matching web development · AJAX Content Swapping. Refine with filters or upvote what's useful.

Awesome AJAX Content Swapping GitHub Repositories

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • defunkt/jquery-pjaxAvatar de defunkt

    defunkt/jquery-pjax

    16,650Voir sur GitHub↗

    jquery-pjax is a client-side library that combines Ajax requests with the HTML5 History API to replace page content without triggering a full browser reload. It fetches HTML fragments from the server and updates the browser URL using pushState, preserving the page layout and assets while only swapping a designated container's content. The library emits custom JavaScript events at each stage of the request lifecycle, enabling external handlers to respond to loading, success, and error states. The project distinguishes itself through its event-driven navigation model and server-side integration

    Fetches HTML fragments via XMLHttpRequest and swaps them into a designated DOM container.

    JavaScript
    Voir sur GitHub↗16,650
  • barbajs/barbaAvatar de barbajs

    barbajs/barba

    12,940Voir sur GitHub↗

    Barba is a JavaScript page transition library that intercepts browser navigation to swap page content and animate transitions without a full page refresh. It functions as an AJAX page loader and client-side navigation manager, coordinating the lifecycle of transitions through hooks and custom logic during view changes. The library distinguishes itself as a frontend animation orchestrator that triggers specific visual effects and scripts based on the source and destination of a website page. It employs a rules-based system to resolve which specific animation or transition to execute by matchin

    Implements the core mechanism for fetching and replacing page content without full browser refreshes.

    TypeScript
    Voir sur GitHub↗12,940
  • browserstate/history.jsAvatar de browserstate

    browserstate/history.js

    10,659Voir sur GitHub↗

    history.js is a cross-browser URL state manager and HTML5 History API polyfill. It functions as a single page application router that manages browser URL and history state consistently across HTML5 and HTML4 browsers, enabling navigation without triggering full page reloads. The project provides a JavaScript framework adapter that integrates history management with the event systems of jQuery, MooTools, and Prototype. It ensures compatibility through a fallback mechanism that switches to hash-based navigation and hashbang URLs when the native HTML5 History API is unavailable. The system cove

    Reduces network payload size by returning only rendered template content via JSON during AJAX requests.

    JavaScripthashchangehtml5-historyhtml5-history-api
    Voir sur GitHub↗10,659
  • dodyg/practical-aspnetcoreAvatar de dodyg

    dodyg/practical-aspnetcore

    10,382Voir sur GitHub↗

    This project is a comprehensive sample library and implementation guide for ASP.NET Core. It provides a collection of practical examples and projects that demonstrate how to build web applications, RESTful APIs, and high-performance services. The repository focuses on a variety of architectural patterns, including the development of Minimal APIs, contract-first gRPC services, and real-time communication using WebSockets and Server-Sent Events. It includes detailed implementations for user identity and security, such as token-based authentication and CSRF protection. The codebase covers a bro

    Demonstrates enhancing static HTML pages with HTMX for responsive, AJAX-driven interfaces.

    C#asp-net-coreaspnet-coreaspnetcore
    Voir sur GitHub↗10,382
  • answerdotai/fasthtmlAvatar de AnswerDotAI

    AnswerDotAI/fasthtml

    6,846Voir sur GitHub↗

    FastHTML is a full-stack Python web framework designed for building interactive web applications using pure Python. It functions as an HTMX integration framework and a Python HTML domain-specific language, allowing developers to generate HTML structures using native objects and functions instead of external templating files. The framework is distinguished by its native support for real-time bidirectional communication via WebSockets and Server-Sent Events, enabling server-side updates to be pushed to the browser without full page reloads. It further integrates identity management through OAut

    Integrates HTMX to create dynamic user interfaces by swapping HTML fragments over HTTP and WebSockets.

    Jupyter Notebook
    Voir sur GitHub↗6,846
  • swup/swupAvatar de swup

    swup/swup

    5,191Voir sur GitHub↗

    Swup est une bibliothèque de transition de page et un chargeur de page AJAX conçu pour créer des transitions animées fluides entre les pages sur des sites web rendus côté serveur. Il fonctionne comme un orchestrateur de contenu DOM et un gestionnaire d'historique de navigateur, interceptant la navigation pour remplacer dynamiquement le contenu de la page et simuler une expérience d'application monopage. Le projet se distingue par un système de cycle de vie basé sur des hooks et une architecture de plugins qui permet l'injection de logique personnalisée et d'effets d'animation. Il prend en charge des méthodes visuelles avancées, notamment le morphing de contenu DOM, le rendu DOM parallèle pour les animations superposées et l'intégration avec l'API native View Transitions du navigateur. La bibliothèque couvre un large éventail de capacités, notamment la gestion de la navigation côté client, la mise en cache des pages en mémoire et le préchargement des pages en arrière-plan pour optimiser les performances. Elle fournit également une restauration complète de la position de défilement, des optimisations d'accessibilité pour les lecteurs d'écran et des outils pour synchroniser les métadonnées d'en-tête de document et l'exécution de scripts à travers les transitions.

    Intercepts navigation to replace DOM containers via asynchronous requests to simulate a single-page application experience.

    TypeScriptanimationjavascriptpage-transitions
    Voir sur GitHub↗5,191
  • orchidsoftware/platformAvatar de orchidsoftware

    orchidsoftware/platform

    4,791Voir sur GitHub↗

    Ce projet est un framework de développement rapide d'applications pour construire des interfaces de back-office et des tableaux de bord au sein d'applications Laravel. Il fonctionne comme une boîte à outils d'interface utilisateur de gestion backend et un générateur d'interface utilisateur basé sur schéma qui rend des panneaux d'administration et des formulaires de données en mappant la logique backend vers des composants frontend prédéfinis. Le framework inclut un système de contrôle d'accès basé sur les rôles pour restreindre les fonctionnalités de l'application et les données en fonction de l'identité de l'utilisateur et des rôles assignés. Il fournit également une intégration de recherche plein texte qui utilise des pilotes interchangeables pour indexer et récupérer le contenu de l'application. Des capacités supplémentaires couvrent le chargement de contenu asynchrone pour rationaliser les transitions de page et un système de routage de notification multicanal. La plateforme fournit également des outils pour le filtrage et le tri des données pilotés par requête afin de gérer des jeux de données complexes au sein des tableaux de bord internes.

    Implements a pattern for replacing page containers via asynchronous requests to enable seamless navigation.

    PHP
    Voir sur GitHub↗4,791
  • bigskysoftware/intercooler-jsAvatar de bigskysoftware

    bigskysoftware/intercooler-js

    4,787Voir sur GitHub↗

    Intercooler-js est un framework AJAX déclaratif et une bibliothèque d'interface utilisateur pilotée par le serveur. Il fonctionne comme un framework web hypermédia qui permet la création d'expériences monopage en remplaçant des éléments DOM spécifiques par des fragments HTML délivrés depuis un serveur. La bibliothèque se distingue en utilisant des attributs HTML pour mapper des éléments DOM vers des endpoints de serveur, permettant des requêtes HTTP asynchrones et des mises à jour DOM sans script manuel. Elle prend en charge une architecture pilotée par l'hypermédia où le serveur contrôle l'état du client via des en-têtes de réponse et la livraison de fragments HTML annotés. Le projet couvre un large éventail de capacités, y compris les mises à jour d'interface utilisateur en temps réel via Server-Sent Events, la synchronisation de l'historique et de l'état du navigateur, et le polling de contenu automatisé. Il fournit également une gestion des dépendances de ressources pour coordonner les mises à jour entre les éléments d'interface utilisateur connexes, la journalisation d'erreurs distante pour surveiller les échecs réseau, et la manipulation DOM côté client pour gérer les cycles de vie des éléments et les transitions CSS.

    Replaces specific DOM elements with asynchronous server responses to create seamless single-page experiences.

    HTMLfront-endhtmljavascript
    Voir sur GitHub↗4,787
  • miguel-perez/smoothstate.jsAvatar de miguel-perez

    miguel-perez/smoothState.js

    4,377Voir sur GitHub↗

    smoothState.js est un gestionnaire de navigation AJAX et une bibliothèque de transition de page jQuery conçue pour créer des transitions fluides entre les pages en chargeant le contenu distant de manière asynchrone. Il fonctionne comme un gestionnaire d'état d'historique de navigateur qui attache des données sérialisables personnalisées aux entrées d'historique et gère les redirections d'URL sans nécessiter de rafraîchissements complets du navigateur. La bibliothèque inclut un cache de page côté client qui stocke les pages précédemment visitées en mémoire pour un rechargement instantané. Elle réduit davantage les temps de chargement perçus grâce à un système de préchargement de contenu qui initie des requêtes réseau lorsqu'un utilisateur survole un lien. Le projet fournit des outils pour gérer les cycles de vie de chargement et orchestrer les animations lors de l'entrée et de la sortie des éléments de page. Il permet également l'interception et la modification des requêtes de navigation et des paramètres avant que le contenu ne soit récupéré et injecté dans le document.

    Intercepts browser navigation to replace DOM containers via asynchronous requests for seamless page transitions.

    CSS
    Voir sur GitHub↗4,377
  1. Home
  2. Web Development
  3. AJAX Content Swapping

Explorer les sous-tags

  • Container Content ReloadsRefetching the current URL via Ajax and replacing a container's content without adding a browser history entry. **Distinct from AJAX Content Swapping:** Distinct from AJAX Content Swapping: this specifically reloads the current URL without creating a new history entry, rather than navigating to a new page.
  • HTMX IntegrationsIntegration of HTMX to allow partial DOM updates via AJAX without full page reloads. **Distinct from AJAX Content Swapping:** Specifically targets the HTMX library for content swapping rather than generic AJAX loaders.
  • Payload OptimizationsTechniques to reduce the size of data transmitted during AJAX content updates. **Distinct from AJAX Content Swapping:** Focuses on the efficiency of the data payload (JSON templates) rather than the mechanism of swapping DOM containers.