Como pegar o retorno do ajax e mostrar na tela
Bom dia, alguem me ajude a fazer funcionar este pequeno script usando ajax. Preciso pegar a resposta do console e colocar na tela na id buscar2
Resposta do console:
{"valor_hr_viagem":"10","valor_por_km":"8","valor_apos_18":"7","valor_sabado":"6","valor_domingo":"5","id":"834"}
teste_ajax.html
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>
<button class="btn btn-default" id="buscar3" type="button">Buscar2</button>
<div id="dados2">Aqui será inserindo o resultado da consulta...</div>
<div id="valor_fixo_cliente">teste</div>
<!-- SCRIPT NECESSARIO PARA O AJAX FUNCIONAR // <script src="jquery.2.1.3.min.js"></script> !-->
<script src="jquery.2.1.3.min.js"></script>
<script>
function buscar3($id_cliente)
{
//O método $.ajax(); é o responsável pela requisição
$.ajax
({
//Configurações
type: "POST",//Método que está sendo utilizado.
dataType: "json",//É o tipo de dado que a página vai retornar.
url: "busca3.php",//Indica a página que está sendo solicitada.
//função que vai ser executada assim que a requisição for enviada
beforeSend: function (mensagem_retorno) {
$("#dados2").html("Carregando...");
$("#valor_fixo_cliente").html("Carregando...");
},
data: {id_cliente: "834"},//Dados para consulta
//função que será executada quando a solicitação for finalizada.
success: function (mensagem_retorno) {
console.log (mensagem_retorno);
$("#dados2").html(mensagem_retorno.conteudo);
}
});
}
$('#buscar3').click(function () {
buscar3($("#id_cliente").val())
});
</script>
</body>
</html>
buscar3.php
<?php
require('conexao_dbo.php');
include('error_report.php');
$id_procurar = $_POST['id_cliente'];
$sql = "SELECT * FROM clientes WHERE id='$id_procurar'";
$sql = $arquivo->query($sql);
if($sql->rowCount()>0) {
$linha = $sql->fetch();
$conteudo = json_encode(
array ("valor_hr_viagem" => $linha['valor_hr_viagem'],
"valor_por_km" => $linha['valor_por_km'],
"valor_apos_18" => $linha['valor_apos_18'],
"valor_sabado" => $linha['valor_sabado'],
"valor_domingo" => $linha['valor_domingo'],
"id" =>$linha['id']
)
);
echo $conteudo;
}
?>
estrutura da tabela clientes em anexo
Discussão (5)
Carregando comentários...