Skip to main content
Aviso removido Chamar atenção por lucasbento
Fim da Recompensa com Antonio Alexandre's answer escolhido por lucasbento
Aviso adicionado Chamar atenção por lucasbento
Recompensa Oferecida vale 100 pontos de reputação por lucasbento
adicionou 5 caracteres ao conteúdo
Fonte Link
lucasbento
  • 962
  • 4
  • 16
  • 44
setInterval(function () {           
    var dados = $('#form').serialize();
    $http$.ajax({
      method  : 'POST',
      url     : 'autosave.php',
      dataType: 'json',
      data : {'dados': dados},//
      headers : {'Content-Type': 'application/x-www-form-urlencoded'},
     })
     .success(: function(data) {
         console.debug('Success: ' + data);
         $("[name='title']").val(data.title);
      }
     })
}, 2000);
setInterval(function () {           
    var dados = $('#form').serialize();
    $http({
      method  : 'POST',
      url     : 'autosave.php',
      dataType: 'json',
      data : {'dados': dados},//
      headers : {'Content-Type': 'application/x-www-form-urlencoded'}
     })
     .success(function(data) {
        console.debug('Success: ' + data);
        $("[name='title']").val(data.title);
    })
}, 2000);
setInterval(function () {           
    var dados = $('#form').serialize();
    $.ajax({
      method  : 'POST',
      url     : 'autosave.php',
      dataType: 'json',
      data : {'dados': dados},//
      headers : {'Content-Type': 'application/x-www-form-urlencoded'},
      success: function(data){
         console.debug('Success: ' + data);
         $("[name='title']").val(data.title);
      }
     })
}, 2000);
Fonte Link
lucasbento
  • 962
  • 4
  • 16
  • 44

Save atomático em PHP não funciona com success e serialização

Um código que realiza o autosave de dados em um formulário trabalha assim:

autosave.php

<?php
require_once '../multiinjet/web/includes/configuracao.php';
try {
    
    /*Pegar valores postados no formulário*/
    $title=&$_POST['title'];
    $body=&$_POST['body'];
    
    /*ID do usuário*/
    $user_id=1;  
    
    $query = $conecta->prepare("SELECT * FROM autosave WHERE user='$user_id'");
    $query->execute();
    $resultado = $query->fetchAll(PDO::FETCH_ASSOC);
    $return_count = $query->rowCount();

if($return_count > 0){     

    if(isset($title) || isset($body)){
    /*Atualizar autosave*/
        $update_qry = $conecta->prepare("UPDATE autosave SET msg_title='$title', msg_body='$body' WHERE user='$user_id'");
        $update_qry -> execute(); 
    } else {
    /*Pegar dados salvos no BD*/ 
        $get_autosave = $conecta->prepare("SELECT * FROM autosave WHERE user='$user_id'");
        $get_autosave->execute();
        while ($gt_v = $get_autosave->fetch(PDO::FETCH_ASSOC)) {
            $title=$gt_v['msg_title'];
            $body=$gt_v['msg_body']; 
        
            echo json_encode(array('title' => $title, 'body' => $body));
        }           
    }
} else { 
/*Inserir as variáveis no BD*/ 
    $insert_qry = $conecta->prepare("INSERT INTO autosave (user, msg_title, msg_body) VALUES (?, ?, ?)");
    $insert_qry->execute(array($user_id, $title, $body));  
}
} catch(PDOException $e) {
    echo $e->getMessage();
    }
?>

JavaScript:

$(function () {
        $.post("autosave.php", function (data) {
            $("[name='title']").val(data.title);
            $("[name='body']").val(data.body);
        }, "json");
        setInterval(function () {
            $.post("autosave.php", $("#form").serialize());
        }, 2000);
    });

HTML:

<body>
    <div class="center">
        <div class="saved"></div>
        <form id="form">
            <input type="text" name="title" placeholder="Title" autofocus>
            <textarea type="text" name="body" placeholder="Body"></textarea>
            <input type="submit" value="Send">
        </form> 
    </div> 
</body>

Contudo ao realizar as seguintes modificações para que o autosave se ajuste ao meu contexto, o mesmo não funciona.

Substituir [autosave.php]:

/*Pegar valores postados no formulário*/
    $title=&$_POST['title'];
    $body=&$_POST['body'];

Por [autosave.php]:

/*Pegar valores postados no formulário: dados*/
    $dados = json_decode(file_get_contents('php://input'), true);
    $p = $dados['dados']; // pega o serializado do AJAX
    parse_str($p, $dados); // transforma em array de PHP
    $title  =  $dados['title'];
    $body   =  $dados['body'];

Acresentar [autosave.php]:

$resultado = $query->fetchAll(PDO::FETCH_ASSOC);

foreach($resultado as $res){
    $titulo = $res['msg_title'];
    $corpo  = $res['msg_body'];
}

Substituir [autosave.php]:

if(isset($title) || isset($body))

Por [autosave.php]:

if(($title != $titulo) || ($body != $corpo))

Substituir [JavaScript]:

$(function () {
    $.post("autosave.php", function (data) {
        $("[name='title']").val(data.title);
        $("[name='body']").val(data.body);
    }, "json");
    setInterval(function () {
        $.post("autosave.php", $("#form").serialize());
    }, 2000);
});

Por [JavaScript]:

setInterval(function () {           
    var dados = $('#form').serialize();
    $http({
      method  : 'POST',
      url     : 'autosave.php',
      dataType: 'json',
      data : {'dados': dados},//
      headers : {'Content-Type': 'application/x-www-form-urlencoded'}
     })
     .success(function(data) {
        console.debug('Success: ' + data);
        $("[name='title']").val(data.title);
    })
}, 2000);

Referência:

http://www.rrpowered.com/2014/07/auto-save-a-draft-with-php-and-jquery/