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/