traitement des données en HTML sans code de serveur (en utilisant seulement Javascript)

Question

Je me demandais s'il y a une façon de le faire:

J'ai une forme dans une page Web, après que l'utilisateur soumet le formulaire, la page est redirigé vers une autre page HTML statique.

Est-il possible de manipuler les données de la deuxième page HTML sans l'aide d'un code de serveur?

Je veux dire, est-ce que je peux afficher les données de formulaire que l'utilisateur a soumises dans la deuxième page?

Bien sûr, il devrait y avoir une navigation, pas un code Ajax pour charger la deuxième page (à l'aide duquel il serait facile de manipuler les données).

Answer 1

Vous pouvez utiliser un <form> avec la méthode GET pour passer à une autre page HTML statique avec certains paramètres de la requête, puis saisissez les paramètres avec JavaScript:

Première page:

<form method="GET" action="page2.html"> 
    <input type="text" name="value1"/> 
    <input type="text" name="value2"/> 
    <input type="submit"/> 
</form> 

la page Deuxième:

<script type="text/javascript"> 
function getParams() { 
    function decode(s) { 
     return decodeURIComponent(s).split(/\+/).join(" "); 
    } 

    var params = {}; 

    document.location.search.replace(
     /\??(?:([^=]+)=([^&]*)&?)/g, 
     function() { 
      params[decode(arguments[1])] = decode(arguments[2]); 
     }); 

    return params; 
} 

var params = getParams(); 

alert("value1=" + params.value1); 
alert("value2=" + params.value2); 
// or massage the DOM with these values 
</script> 

Answer 2

Vous pouvez accéder aux pages GET paramètres de JavaScript (window.location.search, dont vous avez toujours besoin d'analyser), et l'utiliser pour transmettre certaines valeurs à la page statique.

(je suppose qu'il n'y a aucun moyen de se rendre à POST contenu.)

Vous pouvez également lire et définir les valeurs des cookies JavaScript. Si vous êtes dans un jeu de cadres où une page "parente" est toujours présente, vous pouvez également y stocker des informations (la création de scripts inter-images est également difficile et j'essayerais d'éviter cela).

Answer 3

Si vous avez la première page soumettre le formulaire avec une action GET vous obtiendrez une URL qui ressemble à:

http://tempuri.org/Page2.html?param1=value1&param2=value2 

Vous pouvez ensuite utiliser JavaScript sur Page2.html qui lit les paramètres de chaîne de requête et les affiche sur la page.

Answer 4

Si vous envoyez le formulaire via GET, oui, vous pouvez récupérer cette information auprès de js.

Il y a un plugin jQuery qui fait cela, mais si vous voulez, vous pouvez rouler le vôtre, ce n'est pas si compliqué.

Obtenez simplement location.href et le divise en utilisant "?"

puis, redivisez à l'aide maintenant "&"

, pour chaque valeur, divisé par des "=". Ensuite, vous aurez un tableau avec le nom de la requête, et la valeur de celle-ci.

éditer: google pour javascript get querystring pour trouver des dizaines d'implémentations.