Shefarol Soluções Web

AJAX - atualizar uma area a cada x segundos - Voltar

Abaixo o exemplo do arquivo em javascript:

Código em Javascript (Ajax)
function atualizar() {
	$.post('ajax/atualizar.php', function (frase) {
	    $('#frase').html('<i>' + frase.texto + '</i><br><br>' + frase.autor + '<br><br><img src="' + frase.foto + '">');
	}, 'JSON');
}

$(function() {
	atualizar();
});

setInterval("atualizar()", 2000);

 

Código do arquivo em PHP
// Incluindo arquivo de conexão
require_once('conecta.php');

// Selecionando uma frase aleatória
$stmt = $pdo->prepare('SELECT * FROM tab_frases ORDER BY RAND() LIMIT 1');

// Se selecionado com sucesso
if ($stmt->execute())
{
    // Armazenando frase
    $frase = $stmt->fetchObject();

    // Retornando frase em formato JSON
    echo json_encode($frase);
}