2016-08-23 1 views
0
<script> 
function show(shown, hidden) { 
    document.getElementById(shown).style.display='block'; 
    document.getElementById(hidden).style.display='none'; 
    return false; 
} 
</script> 

<body> 

    <div id="Page1"> 
    Content of page 1 
    <br><br> 
    <a href="#" onclick="return show('Page2','Page1');">Show page 2</a> 
    </div> 

    <div id="Page2" style="display:none"> 
    Content of page 2 
    <br><br> 
    <a href="#" onclick="return show('Page1','Page2');">Show page 1</a> 
    </div> 

</body> 

Dans ce code, vous voyez que ce <a href="#" onclick="return show('Page2','Page1');">Show page 2</a> Code de saut à la page 2.Comment mettre à jour mon code HTML lorsque la base de données renvoie une valeur?

Ce code fonctionne très bien, mais je dois faire un peu diffrent.When ma db retourne une valeur comme 3, je veux sauter la troisième page ou si mon db renvoie la valeur de 2 je veux sauter la deuxième page. Donc, mon problème principal est comment puis-je prendre la valeur de retour et l'utiliser dans ce code?

<a href="#" onclick="return show('valueofreturn','Page1');">Show page return value</a>

+0

Comment votre db * renvoie * une valeur? Où le mettez-vous, dans l'attribut 'onclick'? Nous avons besoin de plus d'informations. – DontVoteMeDown

+0

Lorsque votre db renvoie une valeur? – gypsyCoder

+0

J'ai défini certaines règles sur ma base de données. J'ai une page de sondage html donc par exemple si je choisis b) Mercredi ma db retourne 2 et dans ce temps j'ai besoin de passer à la page 2 ou si je choisis c) Dimanche ma db retourne 3 et dans ce temps j'ai besoin de sauter la page 3. – Nuisance

Répondre

1

utiliser un appel JSON pour récupérer les données de votre serveur, puis dans le gestionnaire de succès, cacher toutes les pages et afficher celle que vous voulez:

$.getJSON("ajax/test.json", function(data) { 
    $('.page').hide(); 
    $('#page' + data.pageid).show(); 
} 
+0

Je ne sais pas comment utiliser un appel JSON pour récupérer le les données de mon db.Pouvez-vous m'aider à faire cela :) – Nuisance

+0

Cela dépend vraiment de ce que votre architecture côté serveur est. Par exemple. Si vous utilisez MS, vous devez implémenter un point de terminaison API Web2 qui appelle la base de données et renvoie le modèle de numéro de page. Cependant, il existe une myriade de serveurs configs et DB fournisseurs là-bas et vous n'avez pas indiqué, mais quoi que ce soit « base de données » –

+0

Comment puis-je égaler ma valeur de retour dans result.targetPage? – Nuisance

1
  1. Obtenir des données de serveur.

Vous pouvez utiliser Ajax pour créer des applications Web asynchrones. Ajax peut envoyer des données et les extraire d'un serveur, par exemple, une API RESTful.

  1. afficher/cacher "div"

Si vous voulez montrer Page1 et Page2 cacher.

$("#Page1").show(); 
$("#Page2").hide(); 
  1. Java serveur Vous pouvez utiliser JavaBeans/JSP pour faire ce travail.

Références.

http://api.jquery.com/show/

http://api.jquery.com/jquery.ajax/