How to clear input fields after submit?

Question

How to clear input fields after submit?

Navigation

#1 by (0 votes)
#2 by (0 votes)
#3 by (0 votes)

0

This is as follows: When you submit the form, in the [POST] method, the variables are incapsulated in the URL bar. In the [GET] method, the variables are exposed in the URL bar. However, when you refresh the page in the [POST] method, the variables are stored and resends the form. How to solve?

php jquery html5

asked by anonymous 17.09.2016 / 20:28

3 answers

GooGooStatementCache - Multiply prepared statement! How to display error when doing query?

score 0 · Answer 1

So how do you solve it?

Just create this function,:

// Limpar URL
function removeURL($url, $titulo){
  echo 'window.history.pushState("'.$url.'", "'.$titulo.'", "'.$url.'");
}

Soon after you create the following code:

//Limpar METHOD POST
if($_SERVER['REQUEST_METHOD'] == 'POST'){
 removeURL($_SERVER['HTTP_REFERER'], 'Aqui você digita o Titulo da Página');
}

score 0 · Answer 2

I saw that you put in tags jQuery, so you can use it, so you will not have problems, a simple example of use is.

// PHP
$retorno = array();
$sql = $pdo->prepare("SELECT * FROM users WHERE id = ?");
$sql->execute(array($_POST['id'])); 

$retorno['dados'] = $sql->fetchAll();

die(json_encode($retorno))

With this, your PHP will already return a json to its ajax which will look like this ...

function listarUsuarios(){
   $.ajax({
      type: 'POST',
      url: 'SUA URL DO ARQUIVO PHP',
      dataType: 'json',
      data: {
         id: 1
      },
      success: function(data){
          console.log(data)
          $('body').append('<h1>'data.nome'</h1>')
      }
   })
}

// Aqui você executa sua função
listarUsuarios()

And that way you solve your problem.

score 0 · Answer 3

A solution would be as I put it in the scheme below: receive the form via POST, do what should be done, create a SESSION as a result of the process and then make a redirect to the page itself. This way, if the F5 key is pressed, there will be no new data submit:

The scheme would look like this (it's just a schematic concept):

<html>
<body>

<?php
// SE EXISTE POST E A SESSION ESTÁ VAZIA, ENTRA NESTE IF
if (isset($_POST) && SESSION == ""){
   // 1. recebo os dados do formulário
   // 2. faço o que tem que fazer com os dados
   // 3. crio uma SESSION com "ok" ou "erro"
   // 4. faço um redirecionamento para a própria página
         Header("Location: pagina.php");
}
?>

<?php
// SESSION CHEIA

// Mostro a mensagem de acordo com o valor da SESSION:

if (SESSION == "ok"){
    echo 'Dados cadastrados com sucesso';
}else if (SESSION == "erro"){
    echo 'Houve um erro';
}

Apago a SESSION;
?>

</body>
</html>