Dentro do meu sistema, ao usuário se logar, algumas informações buscadas no meu banco são mostradas, segue função que busca os dados e como eles são listados:
Função
# função que busca os dados de originação no banco
function listaDadosOriginacao($conexao){
$dados = array(); //pode ser [] também, mas por compatibilidade, array()
$rede = $_SESSION['redeSelecionada'];
$codLoja = $_SESSION['lojaSelecionada'];
$mes = $_SESSION['mesSelecionado'];
$resultado = mysqli_query($conexao, "SELECT * FROM evolucao_originacao WHERE codLoja = {$codLoja} AND rede = '{$rede}' AND mesReferencia = '{$mes}'");
while($valores = mysqli_fetch_assoc($resultado)){
array_push($dados, $valores);
}
return $dados;
};
Listagem (um único exemplo pois todos os dados pertencem ao mesmo array)
<div class="col-lg-2 col-md-6 col-sm-6 col-xs-12">
<a class="dashboard-stat dashboard-stat-v2 green" href="#">
<div class="visual">
<i class="fa fa-shopping-cart"></i>
</div>
<div class="details">
<div class="number"><span data-counter="counterup" data-value="<?=number_format($dadosOriginacao['propostasAprovadas'],0,',','.')?>">0</span></div>
<div class="desc"># Aprovadas</div>
</div>
</a>
</div>
Eu tenho dois dropdowns que filtram dados e ao clicar em um botão, ele vai ao banco por meio de uma requisição AJAX e busca todos os dados na mesma tabela que eu utilizo para introduzir informações ao usuário e filtra utilizando os valores selecionados no dropdown.
Segue o que eu já tenho da requisição AJAX:
$("#botao-filtrar").click(function(){
$(".mask-loading").fadeToggle(1000);
$.ajax({
url: 'datacenter/functions/filtraDashboardGeral.php',
async: true,
type: 'POST',
dataType: 'JSON',
data: {rede: $("#dropdown-parceria").val(), codLoja: $("#dropdown-loja").val(), mes: $("#dropdown-mes").val()},
success: function(data){
}
});
});
E este é o documento citado
filtraDashboardGeral.php
<?php
session_start();
require_once('../../includes/gestaoOriginacao.php');
$rede = $_POST['rede'];
$codLoja = $_POST['codLoja'];
$mes = $_POST['mes'];
$dados = array();
$resultado = mysqli_query($conexao, "SELECT * FROM evolucao_originacao WHERE redeTratada = '{$rede}' and codLoja = {$codLoja} and mesReferencia = '{$mes}'");
while($valores = mysqli_fetch_assoc($resultado)){
array_push($dados, $valores);
}
O que eu estou tentando fazer é, que o ajax me retorne os dados e preencha os valores novos nas variáveis que eu já estou utilizando para listagem sem que eu precise recarregar a minha página!
Sei que é um tanto quanto complexo e estou há semanas quebrando a cabeça com isso e nada funciona. Sou iniciante nessa área de requisições assíncronas.
Alguma solução ou sugestão de melhora?