Appeler une page php avec jquery

Dans ce tutoriel nous allons voir comment appeler une page php avec Jquery sans rafraichir la page.

 

Il peut s’avérer parfois utile d’appeler une page avec un simple lien afin qu’elle se charge dans un div. Ça permet tout simplement de gagner en vitesse de chargement (point fort pour le référencement) et d’avoir un site plus ergonomique.

Pour se faire, nous allons créer 2 pages.

  1. La page où l’on va placer le lien pour appeler la seconde page (index.php)
  2. La page à appeler (rand.php) qui contient seulement un générateur de nombres

 

index.php

 

Comme vous pouvez le voir, sur cette page, on appel entre <head> et </head> la bibliothèque Jquery et on créé une fonction javascript qui sera appelée lors du clic sur le lien.

rand.php

 

Dans cette page, on met ce que l’on veux.

Jusqu’à là, dans cet exemple, nous avons vu un simple appel de page sans paramètres.

Maintenant nous allons voir comment récupérer des paramètres en POST afin de les transmettre dans la page à appeler.

Pour se faire, nous allons créer 2 pages.

  1. La page où l’on va placer le lien pour appeler la seconde page (index.php)
  2. La page à appeler (prenom.php) qui affichera le prénom défini dans la page index.php

 

Page index.php

 

Page prenom.php

 

En espérant que ces petites lignes de code vont vous aider dans votre développement.

Si vous aussi vous avez des tutos pour charger des pages d’une autre manière, n’hésitez pas à partager.

 

2 Comments

  1. eric-Reply
    13 mars 2018 at 16 h 35 min

    $(« #chargement »).load(« rand.php », {
    prenom : ‘John Doe’
    });

    BUT

    $(« #chargement »).load(« prenom.php », {
    prenom : ‘John Doe’
    });

    • 13 mars 2018 at 8 h 40 min

      Autant pour moi ! C’est corrigé, merci 🙂

Leave A Comment

Vous souhaitez créer un site web ou le référencer sur Google ?

Demandez votre devis gratuit