Como o Site Exibe o Resultado da Busca (Etapas):
Entrada do Usuário:
O usuário digita um nome de jogador em uma caixa de texto na página.
O usuário clica no botão "Buscar".
Requisição ao Servidor (JavaScript):
O JavaScript captura o nome do jogador digitado.
O JavaScript envia uma requisição para o servidor (usando fetch ou similar).
Essa requisição inclui o nome do jogador como um parâmetro na URL (por exemplo, index.php?nome=NomeDoJogador).
Processamento no Servidor (PHP):
O servidor recebe a requisição e identifica que é uma requisição de busca por jogador (pelo parâmetro nome).
O PHP se conecta ao banco de dados e executa uma query (consulta) SQL para buscar os home runs relacionados ao nome do jogador (a query também retorna a URL do vídeo do home run).
O PHP recebe os resultados da query, formata-os em JSON e envia essa resposta de volta para o navegador.
Recebimento da Resposta (JavaScript):
O JavaScript recebe a resposta JSON do servidor (contendo os dados do home run, incluindo o link do vídeo).
Exibição dos Resultados (JavaScript/HTML):
O JavaScript extrai a URL do vídeo da resposta JSON.
O JavaScript altera o atributo src do elemento na página, fazendo com que o navegador exiba o vídeo.
O Javascript extrai outras informações do home run (nome, distância, velocidade, ângulo) e exibe abaixo do vídeo, em um elemento div especifico.
Resumindo os passos principais:
Usuário interage: Digita o nome do jogador e clica em "Buscar".
JavaScript busca os dados: Faz uma requisição para o servidor com o nome do jogador.
Servidor processa: Busca os dados no banco de dados e retorna o resultado em JSON.
JavaScript exibe: Utiliza o JSON para preencher os campos do vídeo e as informações abaixo dele, exibindo o vídeo e os dados na tela.
Conceitos Importantes:
AJAX: O JavaScript usa AJAX (fetch nesse caso) para fazer requisições ao servidor sem precisar recarregar a página inteira.
JSON: O servidor retorna os dados em formato JSON, que é uma maneira fácil de representar dados estruturados que podem ser facilmente lidos pelo JavaScript.
Query SQL: O PHP usa queries SQL para buscar os dados no banco de dados.
URL do Vídeo: O banco de dados armazena a URL do vídeo do home run (por exemplo, em uma coluna link_video), que é utilizada pelo JavaScript para exibir o vídeo.
Para corrigir o problema de "nenhum resultado":
Verifique a requisição AJAX: Veja se o JavaScript está enviando o nome do jogador corretamente para o servidor.
Verifique o JSON: Veja se a resposta do servidor está sendo enviada em JSON válido e com os campos corretos.
Verifique os dados no PHP: Veja se os dados que você espera são retornados pela função PHP.
Verifique a query no PHP: Certifique-se de que a query está funcionando corretamente e buscando os dados esperados.
Verifique os nomes dos campos: Verifique se os nomes dos campos que você está usando no JavaScript para acessar o JSON correspondem aos nomes que você está usando no PHP para enviar o JSON (ex: dados.nome, dados.hit_distance)
Com este resumo, você poderá focar nos pontos chaves para diagnosticar o seu problema.
Log in or sign up for Devpost to join the conversation.