EDIT 2:
I tried to redo the jQuery code using the post method, and append but now nothing appears ...
<script>
function buscarjogos(id) {
$.post( $retorno_resultados, $('#buscaequipes').val(), function() {
}).done(function(data) {
if(data.erro) {
alert(data.erro);
return false;
}
$('#equipesTbody').html('');
var jogos = $result['codigo'];
for(var i = 0 ; i < equipes.length ; i++){
$('#equipesTbody').append(
'<tr><td><?php echo $res['data_certa'];?>  às  <?php echo $res['horario'];?></td><td><?php echo $res['nm_local'];?></td><td><?php echo $res['nm_mandante'];?></td><td><?php echo $res['placar1n'];?>x<?php echo $res['placar2n'];?></td><td><?php echo $res['nm_visitante'];?></td></tr>'
);
}
}, 'json');
}
</script>
EDIT:
I was able to display all the games by changing the position of the array in this line:
$i = 0;
if(isset($camp['codigo']) && isset($result['campeonato']) && $camp['codigo'] == $result['campeonato']){
$retorno_resultados[++$i][] = array(
But the search field still does not work, I know I need to add the search field variable in the jQuery script, but I can not hit the correct syntax ...
I'm consuming data from a Web Service , where I need to list all games from URLs in tables, and create a search field to look for a specific game based on the values of the table, I created the script, it even list some games and the search field, but I have two problems, I need to list all the games, not only the three are appearing, and the search field does not work! is my first job with Web Service, could you help me?
<?php
// pega os valores da primeira URL
$api_campeonatos = 'https://sportsmanager.com.br/api/[email protected]&token=SXLSO8342HSDE78623GVS7234GNMSKL&ano=2018&status=A';
$campeonatos = wp_remote_get( $api_campeonatos );
$campeonato = json_decode( wp_remote_retrieve_body( $campeonatos ), true );
// pega os valores da segunda URL
$api_resultados = 'https://sportsmanager.com.br/api/[email protected]&token=SXLSO8342HSDE78623GVS7234GNMSKL&ano=2018&status=A';
$resultados = wp_remote_get( $api_resultados );
$resultado = json_decode( wp_remote_retrieve_body( $resultados ), true );
$api_equipes = 'https://sportsmanager.com.br/api/[email protected]&token=SXLSO8342HSDE78623GVS7234GNMSKL';
$equipes = wp_remote_get( $api_equipes );
$equipe = json_decode( wp_remote_retrieve_body( $equipes ), true );
$api_locais = 'https://sportsmanager.com.br/api/[email protected]&token=SXLSO8342HSDE78623GVS7234GNMSKL';
$locais = wp_remote_get( $api_locais );
$local = json_decode( wp_remote_retrieve_body( $locais ), true );
$retorno_resultados = array();
$colunas = array_column($equipe, 'codigo'); // <-- pega todos os valores da coluna 'codigo'
$loc = array_column($local, 'codigo');
foreach($resultado as $result){
if(!is_array($result)){
}else{
// pesquisa chave do mandante
$key1 = array_search($result['mandante'], $colunas);
$mandante = $equipe[$key1]['nome']; // <-- pega o valor
// pesquisa chave do visitante
$key2 = array_search($result['visitante'], $colunas);
$visitante = $equipe[$key2]['nome']; // <-- pega o valor
// pesquisa chave do local
$key3 = array_search($result['local'], $loc);
$localizacao = $local[$key3]['nome']; // <-- pega o valor
$data = $result['data'];
$data = date('d/m/Y', strtotime($data));
$retorno_resultados = array(
'mandante' => $result['mandante'],
'visitante' => $result['visitante'],
'nm_mandante' => $mandante,
'nm_visitante' => $visitante,
'nm_local' => $localizacao,
'data' => $result['data'],
'data_certa' => $data,
'placar1n' => $result['placar1n'],
'placar2n' => $result['placar2n'],
'placar1p' => $result['placar1p'],
'placar2p' => $result['placar2p'],
'placar1s' => $result['placar1s'],
'placar2s' => $result['placar2s'],
'jogo' => $result['jogo'],
'horario' => $result['horario'],
); // <--- adiciona
}
}
?>
jQuery
<script>
$(function(){
<?php foreach($retorno_resultados as $val){ ?>
var html3 = '';
var id='';
<?php foreach($val as $res){ ?>
html3 += '<tr><td><?php echo $res['data_certa'];?>  às  <?php echo $res['horario'];?></td><td><?php echo $res['nm_local'];?></td><td><?php echo $res['nm_mandante'];?></td><td><?php echo $res['placar1n'];?>x<?php echo $res['placar2n'];?></td><td><?php echo $res['nm_visitante'];?></td></tr>';
id = <?php echo $res['id'] ?>;
<?php } ?>
$('#equipesTbody').html(html3);
<?php } ?>
});
</script>
<script>
$("#buscaequipes").keyup(function(){
var vlrBusca = this;
$('#equipesTbody tr').each(function() {
$(this).show();
if($(this).text().toLowerCase().indexOf($(vlrBusca).val().toLowerCase()) == -1) {
$(this).hide();
}
});
});
</script>
HTML
<div class="agenda-modalidades-container">
<div class="home-noticias-title font-75-45">
<p>Agenda da <span class="bebas-neue">semana</span></p>
</div>
<div class="agenda-modalidades">
<!--<div class="col"><a href="./basquete/basquete-masculino-sub-12/"><img src="<?php //echo get_template_directory_uri(); ?>/img/ibasquete.svg"/><span style="color:#e77435;">Basquete</span></a></div>
<div class="col"><a href="./futsal/futsal-masculino-sub-08/"><img src="<?php //echo get_template_directory_uri(); ?>/img/ifutsal.svg"/><span style="color:#ee5757;">Futsal</span></a></div>
<div class="col"><a href="./handebol/handebol-masculino-sub-12/"><img src="<?php //echo get_template_directory_uri(); ?>/img/ihandebol.svg"/><span style="color:#5a96fb;">Handebol</span></a></div>
<div class="col"><a href="./society-2/society-masculino-sub-10/"><img src="<?php //echo get_template_directory_uri(); ?>/img/isociety.svg"/><span style="color:#97d077;">Society</span></a></div>
<div class="col"><a href="./volei/volei-masculino-sub-12/"><img src="<?php //echo get_template_directory_uri(); ?>/img/ivolei.svg"/><span style="color:#53b9b8;">Vôlei</span></a></div>-->
<?php include 'agenda.php';?>
<div class="col-md-12">
<label for="buscarEquipe">Buscar Equipe</label>
<input type="text" id="buscaequipes" name="buscarEquipe" class="form-control">
</div>
<table class="table table-bordered">
<thead>
<tr>
<th>#</th>
<th>Equipe</th>
<th>Email</th>
<th>Responsável</th>
<th>Ações</th>
</tr>
</thead>
<tbody id="equipesTbody">
</tbody>
</table>
</div>
</div>