Skip to main content
Fim da Recompensa com 25 pontos de reputação concedidos por ComunidadeBot
added 628 characters in body
Fonte Link
J. Bruni
  • 8,4mil
  • 2
  • 22
  • 35

Nesse caso eu poderia(deveria) redirecionar o usuário para a tela anterior.

Discordo absolutamente de que deveria redirecionar o usuário para a tela anterior, caso signifique o que entendi - voltar no histórico do navegador - tipo history.go(-1) (que equivale ao botão "Voltar" do navegador).

Isso, na minha opinião, seria uma gambiarra medonha.

Penso que você poderia fazer uma dentre essas duas coisas:

1ª opção - após processar o formulário no servidor, e o mesmo não validar, seja redirecionando adiante ou não (via header Location para o mesmo URL, caso queira evitar re-envio dos dados do form se o navegador recarregar a página), você vai precisar montar o DOM alterado, a partir dos dados do request no lado do servidor, isto é, ao invés de fazer a alteração no DOM no lado do cliente, usando JavaScript / jQuery, você vai ter que mandar o formulário de volta com o HTML já alterado, a partir do servidor.

2ª opção - validar o form via Ajax, ou seja, você evita o submit padrão, e faz um $.post (ou equivalente) para enviar os dados do formulário por Ajax. Se não validar, beleza, o DOM permanece ali, montado. Se validou e fez o que tinha que fazer, aí então você muda a página via JavaScript com window.location ou a atualiza de algum outro modo. O importante aqui é processar o retorno da chamada Ajax e tomar a ação adequada em caso de erro (mensagem ao usuário) ou sucesso.


Dito isso, me lembrei do MantisBT, um software que eu gosto, mas que em certas condições diz para o usuário voltar para a página anterior quando o envio de um form dá erro. No caso, funciona tranquilo porque não há manipulação do form pelo JavaScript. Aliás, é uma aplicação que existe desde o tempo em que "rodar com JavaScript desabilitado" era um requisito... :-)

No seu caso, se você precisar mesmo rebobinar no histórico do navegador, o jeito é usar web storage como o o pessoal falou. Porém, esteja atento: Internet Explorer 7 e anteriores não suportam web storage. A alternativa seria mesmo cookies.

Mas para que dar passos para trás quando você pode caminhar para frente? Usando post via Ajax você está dando um passinho adiante rumo ao mundo das SPA (Single Page Application)!

Nesse caso eu poderia(deveria) redirecionar o usuário para a tela anterior.

Discordo absolutamente de que deveria redirecionar o usuário para a tela anterior, caso signifique o que entendi - voltar no histórico do navegador - tipo history.go(-1) (que equivale ao botão "Voltar" do navegador).

Isso, na minha opinião, seria uma gambiarra medonha.

Penso que você poderia fazer uma dentre essas duas coisas:

1ª opção - após processar o formulário no servidor, e o mesmo não validar, seja redirecionando adiante ou não (via header Location para o mesmo URL, caso queira evitar re-envio dos dados do form se o navegador recarregar a página), você vai precisar montar o DOM alterado, a partir dos dados do request no lado do servidor, isto é, ao invés de fazer a alteração no DOM no lado do cliente, usando JavaScript / jQuery, você vai ter que mandar o formulário de volta com o HTML já alterado, a partir do servidor.

2ª opção - validar o form via Ajax, ou seja, você evita o submit padrão, e faz um $.post (ou equivalente) para enviar os dados do formulário por Ajax. Se não validar, beleza, o DOM permanece ali, montado. Se validou e fez o que tinha que fazer, aí então você muda a página via JavaScript com window.location ou a atualiza de algum outro modo. O importante aqui é processar o retorno da chamada Ajax e tomar a ação adequada em caso de erro (mensagem ao usuário) ou sucesso.

Nesse caso eu poderia(deveria) redirecionar o usuário para a tela anterior.

Discordo absolutamente de que deveria redirecionar o usuário para a tela anterior, caso signifique o que entendi - voltar no histórico do navegador - tipo history.go(-1) (que equivale ao botão "Voltar" do navegador).

Isso, na minha opinião, seria uma gambiarra medonha.

Penso que você poderia fazer uma dentre essas duas coisas:

1ª opção - após processar o formulário no servidor, e o mesmo não validar, seja redirecionando adiante ou não (via header Location para o mesmo URL, caso queira evitar re-envio dos dados do form se o navegador recarregar a página), você vai precisar montar o DOM alterado, a partir dos dados do request no lado do servidor, isto é, ao invés de fazer a alteração no DOM no lado do cliente, usando JavaScript / jQuery, você vai ter que mandar o formulário de volta com o HTML já alterado, a partir do servidor.

2ª opção - validar o form via Ajax, ou seja, você evita o submit padrão, e faz um $.post (ou equivalente) para enviar os dados do formulário por Ajax. Se não validar, beleza, o DOM permanece ali, montado. Se validou e fez o que tinha que fazer, aí então você muda a página via JavaScript com window.location ou a atualiza de algum outro modo. O importante aqui é processar o retorno da chamada Ajax e tomar a ação adequada em caso de erro (mensagem ao usuário) ou sucesso.


Dito isso, me lembrei do MantisBT, um software que eu gosto, mas que em certas condições diz para o usuário voltar para a página anterior quando o envio de um form dá erro. No caso, funciona tranquilo porque não há manipulação do form pelo JavaScript. Aliás, é uma aplicação que existe desde o tempo em que "rodar com JavaScript desabilitado" era um requisito... :-)

No seu caso, se você precisar mesmo rebobinar no histórico do navegador, o jeito é usar web storage como o o pessoal falou. Porém, esteja atento: Internet Explorer 7 e anteriores não suportam web storage. A alternativa seria mesmo cookies.

Mas para que dar passos para trás quando você pode caminhar para frente? Usando post via Ajax você está dando um passinho adiante rumo ao mundo das SPA (Single Page Application)!

Fonte Link
J. Bruni
  • 8,4mil
  • 2
  • 22
  • 35

Nesse caso eu poderia(deveria) redirecionar o usuário para a tela anterior.

Discordo absolutamente de que deveria redirecionar o usuário para a tela anterior, caso signifique o que entendi - voltar no histórico do navegador - tipo history.go(-1) (que equivale ao botão "Voltar" do navegador).

Isso, na minha opinião, seria uma gambiarra medonha.

Penso que você poderia fazer uma dentre essas duas coisas:

1ª opção - após processar o formulário no servidor, e o mesmo não validar, seja redirecionando adiante ou não (via header Location para o mesmo URL, caso queira evitar re-envio dos dados do form se o navegador recarregar a página), você vai precisar montar o DOM alterado, a partir dos dados do request no lado do servidor, isto é, ao invés de fazer a alteração no DOM no lado do cliente, usando JavaScript / jQuery, você vai ter que mandar o formulário de volta com o HTML já alterado, a partir do servidor.

2ª opção - validar o form via Ajax, ou seja, você evita o submit padrão, e faz um $.post (ou equivalente) para enviar os dados do formulário por Ajax. Se não validar, beleza, o DOM permanece ali, montado. Se validou e fez o que tinha que fazer, aí então você muda a página via JavaScript com window.location ou a atualiza de algum outro modo. O importante aqui é processar o retorno da chamada Ajax e tomar a ação adequada em caso de erro (mensagem ao usuário) ou sucesso.