html Chargement dynamique en utilisant Javascript et PHP

Question

J'ai le code suivant:

<?php 


if ($x == 1){ 

?> 
    <b>Some html...</b> 
    <?php 
      } 
    else if ($x==2){ ?> 

<b> Other html...</b> 
<?php 
} 
?> 

Maintenant, je voudrais avoir deux liens ci-dessous (a href) et passer en quelque sorte la variable $ x (si Link1 passe x = 1 et Link2 passe x = 2) afin de charger le bit de code pertinent de l'instruction if. Je sais que je peux passer $ x en utilisant le formulaire, puis tester sa valeur et charger le bit de code requis, mais je voudrais le faire en douceur, sans recharger la page. Je pense que JQuery pourrait l'aider, mais je n'ai aucune idée de comment le faire. Toutes les idées grandement appréciées.

Answer 1

Oublier PHP pour le moment, vous êtes à la recherche de .load jQuery():

<div id="container"></div> 
<a href="javascript:void(0);" onclick="loadContent(1);">Load 1</a> 
<a href="javascript:void(0);" onclick="loadContent(2);">Load 2</a> 

<script type="text/javascript"> 
loadContent = function(content){ 
    $('#container').load(content + '.html'); 
} 
</script> 

ci-dessus le code (non testé, mais au moins proche) insérera le contenu de 1.html, ou 2.html (sur le serveur) dans le div avec id = "container".

Il existe de nombreux tutoriels, comme celui qui est lié dans la réponse de pygorex1, qui couvrent les différentes façons de le faire.

Answer 2

Ce que vous cherchez est AJAX - la possibilité de charger le contenu du serveur en utilisant des requêtes HTTP de fond en Javascript. Voici un tutoriel que j'ai trouvé utile pour la mise en œuvre AJAX en utilisant JQuery:

http://articles.sitepoint.com/article/ajax-jquery