Javascript + mysql [RESOLVIDO]

wmendes
(usa Ubuntu)

Enviado em 06/05/2013 - 17:30h

Boa tarde pessoal!

Tenho seguinte script...

<script type="text/javascript">

var nomes = ["Antonio", "Maria", "Francisco", "Rafaela", "Antonia", "Bruna", "Camila", "Erisvanda", "Marcelo", "Roberto"];

function sorteio() {
var c = document.getElementById('campo');
var i = 0;
var velocidade = document.getElementById('speed').value;
var tempo = document.getElementById('time').value;
var intervalo = window.setInterval(function() {
if (i >= nomes.length)
i = 0;
c.value = nomes[i++];
}, velocidade);
window.setTimeout(function() {
clearInterval(intervalo);
var n = Math.floor(Math.random()*nomes.length);
c.value = nomes[n];
}, tempo);
}

</script>
<div id="sorteio">
<h1>Sorteio</h1>
<input type="text" id="campo" name="campo"><br>
<input type="button" onclick="sorteio();" value="Sortear" id="btn" name="btn">
<div id="config">
<h2>Configuração</h2>
<span>Velocidade: </span><input type="text" value="50" id="speed" name="speed"><br>
<span>Tempo: </span><input type="text" value="2000" id="time" name="time">
</div>
</div>


Minha duvida é a seguinte, Como faço para consultar os nomes que tenho em meu BD, ao invés de listar esses nomes dessa variável, queria consultar os nomes que tenho em um BD

$listar = mysql_query("SELECT * FROM clientes ORDER BY rand()LIMIT 1");!

Alguém tem ideia como faz?

di4s
(usa XUbuntu)

Enviado em 06/05/2013 - 18:21h

você quer fazer a pesquisa no banco com javascript ou com php. com javascript não é possivel, geralmente o javascript chama um php(ou asp, java, ruby...) que faz a pesquisa e devolve pra ele. é isso?

wmendes
(usa Ubuntu)

Enviado em 07/05/2013 - 08:13h

Gostaria que ao invés da função sorteio consultar a variável nomes, ela fizesse uma consulta ao banco mysql que tenho.
copia esse script e roda ele que vc vai entender melhor!
ao invés de pegar var nomes = ["Antonio", "Maria", "Francisco", "Rafaela", "Antonia", "Bruna", "Camila", "Erisvanda", "Marcelo", "Roberto"];
queria consultar direto no mysql na tabela clientes que tenho lá!

leonardo0112
(usa Linux Mint)

Enviado em 07/05/2013 - 08:58h

Para isso vc tem q usar a tecnica do AJAX, que nada mais é que atualizar um campo da pagina sem dar refresh total nela.

Eu aconselho vc a usar o jQuery com a funcao .load() http://api.jquery.com/load, pois usar Javascript puro é bem complicado e ainda tem o probema da compatibilidade de navegadores, enfim, deixe que o jQuery faça isso pra vc.

Ali no site tem um exemplo assim:

$('#result').load('ajax/test.html');

 

o seletor $('#result') está selecionando algum elemto HTML com a id='result', geralmente é uma div.

A função .load() vai buscar e interpretar o que estiver contido no documento test.html dentro do diretório ajax. Poderia ser test.php, etc...

Então dentro do arquivo test.html, colocar apenas o que vc quer que faça ao executar algum evento para disparar este codigo. No caso, muda .html para .php e dentro de test.php coloque a conexao com o banco mysql, os SELECT e todas as demais funcoes php que queira rodar.

Dentro de test.php, ja insira as tags que queria apresentar como resultado, como <table>, <ul>, <select>. O resultado da lógica do arquivo test.php, será retornado em dados na forma HTML, estes dados serão inseridos dentro do elemento com id='result'

Acredito que a função .load() seja a mais simples de usar, mas no site da jQuery existem muitas funções para atender o AJAX, coisas que eu mesmo nem sei usar.

Espero que tenha sanado sua dúvida

leonardo0112
(usa Linux Mint)

Enviado em 07/05/2013 - 09:05h

lembrando que no arquivo javascript seria aconselhavel usar um gatilho para desencadear a função, algo como:

$(document).ready(function() {

   

  $('#botao').click(function() {



    $('#result').load('ajax/test.php');



  });



});

 

Eu fiz de cabeça este código, pode ser que haja algum equívoco.

wmendes
(usa Ubuntu)

Enviado em 07/05/2013 - 09:28h

Muito obrigado por tentar me ajudar! vou ver oque consigo fazer!