Banco de dados em javascript

Front-end
#1

Ola pessoal estou fazendo uma aplicação em html com javascript, mais estou com problema grande pq eu não sei como que vou armazena os dados.

Gostaria de saber se alguém pode me da uma ajuda com esse conteúdo, Que banco de dados eu uso? Como que eu faço a conexão? Muda os instruções do CRUD?

Se alguém puder postar algum conteúdo com códigos vai ser bem vindo.

Att EduardoSga

#2

Se a aplicação for em HTML5, há várias opções.

http://www.html5rocks.com/en/features/storage

Lembre-se que cada ‘feature’ depende do browser a ser utilizado, portanto, escolha bem o recurso.

#3

Ok
Mais como eu crio um banco de dados, que extensão tem que ser?

Como que eu faço a conexão e as instruções do CRUD?

#4

Se for html 4, você vai ter de usar AJAX no Javascript.
Funciona da seguinte forma:

[list]Seu javascript faz uma chamada a uma página dinâmica (PHP, ASP, JSP, etc…). [/list][list]A página dinâmica é quem faz a consulta no banco de dados e retorna um resultado ao javascript[/list][list]O javascript recebe o resultado e faz o tratamento dessa resposta no html (normalmente recebe em um formato chamado JSON, que é nativo do javascript).[/list]

Procure no Google por ajax, json e a tecnologia de página dinâmica que pretende usar (PHP, ASP, JSP, etc…).

#5

Tem como postar algum código para eu poder ter uma noção de como eu conecto e um banco usando javascript?

#6

Vamos lá:

[list]Você quer construir uma app usando SOMENTE html e javascript?[/list]
[list]Você quer construir uma app que armazene dados locais para depois sincronizar com um servidor ou quer que a própria app armazene todos os dados?
[/list]

Veja, são coisas totalmente diferentes. Seria bom você especificar o que pretende fazer, porque, senão, o pessoal vai dar mil opçoes e talvez nenhuma delas será a que você quer.

#7

Neste exemplo estou usando uma biblioteca chamada JQUERY para economizar um pouco de código.
Uso a função $.getJSON para fazer uma requisição a uma página dinâmica, recuperar a resposta dela (que, obviamente, deve ser em JSON) e rodar uma função tratando a resposta em JSON (que neste exemplo, carrega um combo).
Entendeu? Entenda esse fluxo, que daí não fica difícil interpretar o que a função está fazendo.

<script src="../../js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

//executa no onload
$(document).ready(

	//carrega combos do formulário	
	function() {

                //valida se a biblioteca JQuery foi carregada
		if (typeof jQuery == 'undefined') {
			alert("Falha no carregamento da biblioteca de scripts do site\n" +
					"Contate o administrador");
			return;
		} 

    	$.getJSON(
    	    	"../json/RecuperaLista.php",
    	    	function(data){
   	    		
    	    		var options = "";

                        //para cada item no json, concatena a string options
      	                $.each(data, function(i,item){
      	            	      options += "<option value=\"" + item.optionValue + 
									"\">" + item.optionDisplay + "</option>";
      	                 });
      			
	                //carrega opções no combo do formulário
                        $("select#origem").html(options);
    		}
    	);

});

</script>
<body>
              <!-- o combo que será carregado - inicialmente está vazio -->
              <select name='origem' size='1' class='form_imput' id='origem'>
                <option selected='selected'>Carregando opções...</option>
              </select>

</body>

A página dinâmica que $.getJSON chama (RecuperaLista.php) faz o trabalho de consulta (neste caso é php e o banco de dados é mysql).
O trabalho deste php é fornecer uma resposta no formato JSON a uma requisição http.

<?php

	include ("../conecta.php");

	$query = "SELECT Cod_local, CONCAT(cidade_local, ' (', UF_LOCAL, ') ') AS cidade_local FROM locais WHERE Removido_local = FALSE ORDER BY cidade_local;";
	$stmt = mysql_query($query, $link);
	
	$saida = array();
	$i = -1;

	//aqui é montado um array em formato de mapa, com as opções chave -> valor.
	while ($rs = mysql_fetch_array($stmt)) {
		$i = $i + 1;
		$saida[$i] = array("optionValue" => utf8_encode($rs['Cod_local']), "optionDisplay" => utf8_encode($rs['cidade_local']));
		
	}
	
        //tranforma o array em formato JSON.
	echo json_encode($saida);


?>

Acho que este exemplo não irá ajudar muito, porquê você têm que saber antes qual tecnologia você vai usar (ASP, PHP, etc…). Depois que você souber disso, daí você pode procurar na internet por um exemplo mais específico.

Para você entender tudo o que é usado, estude separadamente o que é JSON, AJAX, (a tecnologia de página dinâmica) e, neste caso que exemplifiquei, JQUERY. JQUERY é opcional, você pode fazer em JAVASCRIPT puro.

#8

[quote=ruivo]Vamos lá:

[list]Você quer construir uma app usando SOMENTE html e javascript?[/list]
[list]Você quer construir uma app que armazene dados locais para depois sincronizar com um servidor ou quer que a própria app armazene todos os dados?
[/list]

Veja, são coisas totalmente diferentes. Seria bom você especificar o que pretende fazer, porque, senão, o pessoal vai dar mil opçoes e talvez nenhuma delas será a que você quer.
[/quote]

Concordo. Melhor você explicar o objetivo para fica mais fácil te orientar.

#9

Estou fazendo uma aplicação bem simples pois ela é para rodar no navegador de um Pocket,

Consegui funciona o javascript nele perfeitamente, mais não sei como que eu posso faze para salvar os dados que o usuário vai informar,
pensei em usa AJAX, ok funciono mais não consigo grava nada no arquivo somente leitura, então pensei que possa haver um jeito de grava os dados
em um mini banco, pois vai ser somente 2 tabelas sem ligação entre elas,

Tem com?
Como que eu posso faze isso, mais queria usa somente JAVASCRIPT.

#10