Processamento de dados em HTML sem código do servidor (usando apenas Javascript)

Question

Eu estava apenas querendo saber se há alguma maneira de fazer isso:

Eu tenho um formulário em uma página da web, depois que os submete usuário do formulário, a página é redirecionado para outra página HTML estático.

Existe alguma maneira de manipular os dados na segunda página HTML sem a ajuda de qualquer código do servidor?

Quer dizer, eu pode exibir os dados do formulário que o usuário apresentadas na segunda página?

É claro que deve haver uma navegação, não algum código Ajax para carregar a segunda página (usando o que seria fácil de manipular os dados).

Answer 1

Você pode usar um <form> com o método GET para ir para outra página HTML estático com alguns parâmetros de consulta e, em seguida, pegar os parâmetros com JavaScript:

Primeira página:

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

Segunda página:

<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

Você pode acessar as páginas GET parâmetros de JavaScript ( window.location.search , que você ainda precisa de análise), e usar isso para passar alguns veriables para a página estática.

(suponho que não há maneira de chegar ao conteúdo do post.)

Você também pode ler e definir os valores de cookies do JavaScript.

Se você estiver dentro de um conjunto de quadros onde uma página "pai" fura sempre ao seu redor poderiam também armazenar informações lá (também cross-frame-scripting é complicado e eu gostaria de tentar evitar isso).

Answer 3

Se você tem a primeira página enviar o formulário com uma ação GET você vai ter uma URL que se parece com:

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

Você pode então usar JavaScript em Page2.html que lê os parâmetros de string de consulta e os exibe na página.

Answer 4

Se você enviar o formulário que através de GET, sim, você pode pegar essa informação de js.

Existe um plugin jQuery que faz isso, mas se você quiser, você pode lançar seu próprio, não é tão complicado.

Apenas obter o location.href e divide-lo usando "?"

então, dividir novamente usando "&"

Agora, para cada valor, dividido com "=". Então você terá uma matriz com o nome da consulta, e o valor do mesmo.

edit:. Google para javascript get querystring para encontrar dezenas de implementações