Aide pour changer le contenu de la page en utilisant à la fois php et javascript

Question

Donc j'essaye d'avoir un type d'onglets dynamiques utilisant à la fois php et javascript. Pour le rendre beaucoup plus facile à comprendre, rappelez-vous les deux choix sur facebook (Nouvelles récentes et plus récentes) ou quelque chose comme ça, quand vous cliquez sur l'un d'eux, il change juste le contenu que vous voyez au milieu sans mettre à jour la page. Je sais comment supprimer le contenu dans un div par exemple, mais après avoir supprimé le contenu dans la div (innerHTML = "") Je veux le remplir avec l'option choisie dans la base de données.

Donc disons que j'ai une option (tous) et une option (seulement ceci) La valeur par défaut est tout quand je cours la page, je vais tout obtenir. Cependant, si je clique seulement sur ceci, il effacera le div "mon entête" et remplacera le contenu par le dernier contenu de la base de données (base de données) et l'affichera. Pour cela, j'ai besoin à la fois de php et de javascript, y a-t-il un exemple ou un moyen facile de le faire avant de commencer à creuser.

((Désolé si n'est pas clair, mais l'exemple de Facebook devrait être suffisamment clair))

Answer 1

Ce que vous cherchez est une approche AJAX/PHP.

• En cliquant sur l'onglet
• Le contenu actuel se retire. Ceci est possible car il possède un attribut "id" unique dans le code HTML
• Le serveur demande le nouveau contenu. C'est la requête AJAX qui sera déclenchée après/while/... le contenu est supprimé.
• Le serveur renvoie le code. Cela peut être HTML, JSON, XML ou similaire.
• script reçoit la réponse, peut « faire » quelque chose avec elle (comme une analyse syntaxique ou similaire)
• Le contenu sera placé sur la page (encore une fois, cela est possible grâce à un unique, « id »

C'est fondamentalement la façon dont il est fait

Découvrez les différents cadres de JavaScript Ils viennent tous avec une belle assistance AJAX:..

• jQuery
• MooTools
• dojo
• Prototype

Et bien sûr, est SO aussi un endroit agréable à regarder: https://stackoverflow.com/questions/tagged/ajax+php

Answer 2

Qu'est-ce que vous parlez est ajax.

Je suggère une bibliothèque javascript pour aider à tirer parti de cela, comme jquery.

Il peut être aussi cool que

$.post('serverScript.php', 
     function(data) { 
       $('#idOfDivToUpdate').html(data); //shove script data into div 
     },'html'); 

tutorial.