Comment recharger un DIV spécifique à l'aide de jQuery/AJAX sans actualisation de page ?

Actualisation du contenu dans un DIV à l'aide de jQuery/AJAX

Problème :
Chargement du contenu d'un fichier spécifique DIV sans actualiser la page Web entière. Dans ce cas, le but est de recharger le contenu d'un DIV nommé "list" en cliquant sur un bouton avec l'ID "getCameraSerialNumbers".

Explication :
Le code fourni tente pour recharger la DIV "step1Content" en utilisant la fonction ".load()", cependant, il lui manque l'argument URL nécessaire pour spécifier quel contenu doit être chargé.

Solution :
Pour recharger le contenu DIV spécifique, vous pouvez utiliser le code suivant :

<code class="javascript">$("#getCameraSerialNumbers").click(function() {
  $("#list").load(location.href + " #list");
});</code>

Comment ça marche :

• Le code utilise le ".load ()" pour récupérer et charger du contenu dans la DIV "list".
• L'argument de la fonction ".load()" est l'URL de la page actuelle, suivie d'un espace puis de l'ID de le DIV dans lequel vous souhaitez charger le contenu. Dans ce cas, le DIV cible est « liste ».

Remarque :
Il est crucial d'inclure un espace avant le deuxième signe "#" pour garantir que seul le Le DIV spécifié est rechargé, pas la page entière. Il s'agit d'une erreur courante qui peut conduire à des résultats inattendus.

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!