Javascript + mysql [RESOLVIDO]

1. Javascript + mysql [RESOLVIDO]

washington mendes da silva
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?


  


2. Re: Javascript + mysql [RESOLVIDO]

Paulo Dias
p4ulodi4s

(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?


3. Re: Javascript + mysql [RESOLVIDO]

washington mendes da silva
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á!


4. Re: Javascript + mysql [RESOLVIDO]

Leonardo
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


5. Re: Javascript + mysql [RESOLVIDO]

Leonardo
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.


6. Re: Javascript + mysql [RESOLVIDO]

washington mendes da silva
wmendes

(usa Ubuntu)

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

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






Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts