How to save data from a form automatically?

Question

Hello, good night, I need a help from you, I want to automatically save what is typed in a text area in my mysql database, I’ve heard that has how to do with Ajax, I tried with this code I have there, but it’s not working, the data is not being saved.

    <script>
            setInterval(function() {
    $.ajax({
        url: 'http://www.dpaulatreinamentos.com/system/teste03/views/pages/pegaIdLousa_edit.php?id_aula=<?php echo $id_aula; ?>',
        type: 'post',
        data: {
            'Lousa': $('#editor5').val()
        },
        success: function() {
        } 
    });

}, 5000 /* 1000 = 1 segundo, aí o tempo você quem determina */);
        </script>

Part of Form

<form method="post" action="http://www.dpaulatreinamentos.com/system/teste03/controllers/edit_lousas.php?id_aula=<?php echo $id_aula; ?>">
                <textarea name="Lousa" id="editor5" rows="20" cols="10">
            <?php echo $select_lousa; ?>
        </textarea>
        <script>
            // Replace the <textarea id="editor1"> with a CKEditor
            // instance, using default configuration.
            CKEDITOR.replace( 'editor5' );
        </script>

  <input type="submit" value=" Salvar " class="btn-save-medium" />
</form>

Answer 1

Run the following code

$(function(){
  editor5 = CKEDITOR.replace( 'editor5' );
  setInterval(function(){ 
    $.ajax({
      type: "post",
      url: "link",
      data: {
        valor: CKEDITOR.instances.editor5.getData()
      }
    })
  }, 3000);
  editor5 = CKEDITOR.replace( 'editor5' );
})

Answer 2

William I don’t fully understand what you want, but I’ll try to help you with what I know, in case it’s not quite right let me know that I edit.

I use to $.get in jQuery itself

$.get("local.php", //executa o arquivo no local especificado
   {"nome_variavel1":variavel1, "nome_variavel2":variavel2}, //variaveis a serem postadas
   function(data){ //função de retorno
      alert(data); //alerta com o retorno
});

Taking this into account and remembering that it is not mandatory to use the form, you can make asynchronous requests (without synchronism) in php and successively in the database.

Example:

<textarea id="texto" ></textarea>
<button id="enviar"></button>
<p id="resultado"></p>

<script>
 var texto = $("#texto").val();
 if(texto != ""){ // se o textarea não estiver em branco
   $.get("local.php", // informe o arquivo aqui
      {"texto":texto}, //postando o texto para o arquivo
      function(data){ //solicitando a resposta do arquivo
        $("#resultado").html(data); //imprimindo a resposta no html
   });
 }else{ //caso o usuario o usuário não coloque nada
   $("#resultado").html("Escreva algo!!!");
 }
</script>

PHP(local.php)

include "conexao.php"; //inclua seu arquivo de conexão com o banco ou descreva sua conexão, suponhamos que o método de conexão se chama $conn

$texto = $_POST['texto'];
$sql = "INSERT INTO (texto) VALUES ('$texto')"; //aqui vai ser o insert no banco
if($conn->query($sql)==TRUE){ //realizando a execução da query utilizando o método de conexão com o banco $conn, se tudo correr bem imprimi "Sucesso"
  echo "Sucesso"; //isto retornara para $("#resultado") se tudo der certo
}else{ //se não gera uma mensagem de erro
  echo "Houve um erro na inserção de dados no banco!"; //isto retornara para $("#resultado") se tudo der errado
}

Actually it’s very simple, as you train you will see this, you just have to take care not to get lost!