11544 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Actualiser les données d'une requête sans recharger la page

Bonjour à tous, je cherche à actualiser le résultat d'une requête en cliquant sur 1 bouton sans devoir recharger la page.

exemple : j'ai un bandeau d'images prises aléatoirement dans la bdd et j'aimerai actualiser les images du bandeau en cliquant sur un bouton "actualiser" sans devoir recharger la page.

Je pense que cela passe par AJAX mais je ne vois pas comment faire concrètement. Si quelqu'un a une piste je suis preneur. Merci d'avance pour vos explications.
Alors, il faut tout d'abord créer une fonction qui actualise la div sans recharger l'ensemble de la page du style :

function actualiseimages(div_a_actualiser)
{
$("#div_a_actualiser").load("nom_de_la_page.php #div_a_actualiser");
}


Ensuite il faut placer dans la div (nommée div_a_actualiser) la requête php comme par exemple :

$requete_images_bandeau="Select id, rubrique, titre, big from grosplanv3 where visible='oui' order by rand() limit 0,10";


Et enfin inclure un bouton toujours dans la div (nommée div_a_actualiser) qui actualise la requête comme :

<div align="center">
<a href="#" onClick="actualiseimages(); return false;"><img src="img/refreshv2.png" border="0" title="Cliquez pour afficher d'autres images" /></a></div>

Modifié par pareto (24 Dec 2012 - 17:56)
Sujet clos
Aller à