Comment recharger le contenu d'une division à l'aide de jQuery/AJAX pour une actualisation partielle de la page ?

Rechargement de contenu dans une division à l'aide de jQuery/AJAX

Les utilisateurs rencontrent souvent des situations dans lesquelles ils souhaitent actualiser uniquement une partie spécifique d'une page Web , plutôt que de recharger la page entière. Ce scénario est appelé actualisation partielle de la page. Dans votre cas, vous souhaitez recharger le contenu d'un élément div en cliquant sur un bouton.

Pour y parvenir, la méthode load() de jQuery s'avère très efficace. Voici une solution optimisée :

$("#mydiv").load(location.href + " #mydiv");

Dans ce code, nous :

• Ciblez le div spécifique à l'aide du sélecteur #mydiv.
• Utilisons le load() méthode pour remplacer le contenu de ce div par le contenu obtenu à partir de l'URL spécifiée dans l'attribut src.
• Nous veillons notamment à inclure l'espace après location.href et avant le deuxième signe #. Ceci est crucial pour éviter que la page entière ne soit chargée dans le div.

En implémentant ce code, cliquer sur le bouton "Capturer à nouveau" déclenchera le rechargement du contenu dans le div étiqueté avec id= "liste", sans affecter le reste de la page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!