Tenho uma interface HTML que deverá renderizar os resultados de consultas no banco de dados (PHP+PDO(MYSQL)) como farei para injetar os resultados dinamicamente na tela HTML(puro)? já que as consultas variam de usuário para usuário (um pode consultar "Tenis" outro "cachorro").
O Sistema funciona seguindo o seguinte fluxo: o usuário acessa uma página HTML index onde ele insere a consulta, a consulta é enviada a um arquivo .php
que processa a consulta e retorna os resultados, para uma pagina HTML(puro) que irá renderizar os resultados da consulta, ela terá a seguinte aparência:
Em vermelho: Esta a div
que ira englobar os resultados das consultas (que podem ser variados em quantidade).
Em verde: esta a imagem a ser retornada do banco de dados (o endereço dela será retornado e inserido em uma tag img).
Em azul: o nome do produto.
O HTML da imagem é o seguinte:
<div class="row">
<div id="conteudo" class="col-md-12 span7 text-center"><!-- START Video Content -->
<div class="video_block">
<a href="#" class="thumbnail">
<img src="../../images/temp/1.jpg" alt="produto"/>
</a>
<div class="caption">
<span class="video_title">Titulo</span>
<br />
</div>
</div>
</div>
</div>
PHP
para inserir os dados noHTML
, para não usar variáveisPHP
, faça comJS
. Passe oPHP
paraJS
eJS
para oHTML
.PHP
usandoJavaScript
e passa para oHTML
. Assim seuHTML
fica sem códigoPHP
. Como está o código que retorna os dados? Acrescente ele a sua pergunta.