Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Wesley Santos

Pegar array do PHP via ajax

Recommended Posts

Primeiramente fiquei em dúvida se este tópico tem que ficar em PHP ou em Javascript, então deixei aqui mesmo.

Então vamos lá, oque eu preciso é o seguinte, pegar uma array do PHP via ajax e tratar ela no JS. Como eu tentei até o momento e falhei mizeravelmente.

JAVASCRIPT:

    $.ajax({url: "buscarCordenadas.php", success: function(dados){
        console.log(dados)
    }});

PHP (buscarCordenadas.php):

$select = $mysqli->query("SELECT id, cpfcnpj, nome_razsoc, endereco, bairro, logo, latitude, longitude FROM empresas");


while($v = $select->fetch_assoc()){
$dados[] = array(
"id" => $v['id'], 
"cpfcnpj" => $v['cpfcnpj'], 
"nome_razsoc" => $v['nome_razsoc'], 
"endereco" => $v['endereco'],
"bairro" => $v['bairro'], 
"logo" => $v['logo'], 
"latitude" => $v['latitude'], 
"longitude" => $v['longitude']);
}
echo $dados;

Ali na ultima linha eu já tentei passar esses dados por JSON, mas não vai e.e

Se eu der um print_r no $dados, ele me retorna isso (Que são dados fictícios):

Array
(
[0] => Array
(
[id] => 1
[cpfcnpj] => 00.000.000/0001-00
[nome_razsoc] => Água Doce Cachaçaria
[endereco] => Av. 5, 377
[bairro] => Centro
[logo] => cachacaria.png
[latitude] => -22.412065
[longitude] => -47.561182
)

[1] => Array
(
[id] => 2
[cpfcnpj] => 00.000.000/0001-00
[nome_razsoc] => BR 11 Botequimm
[endereco] => Rua Onze, 130
[bairro] => Consolação
[logo] => br11.png
[latitude] => -22.420120
[longitude] => -47.563747
)

[2] => Array
(
[id] => 3
[cpfcnpj] => 00.000.000/0001-00
[nome_razsoc] => Fritz Cervejaria Artesanal
[endereco] => Av. 29, 612
[bairro] => Cidade Jardim
[logo] => fritz.png
[latitude] => -22.405331
[longitude] => -47.561839
)

[3] => Array
(
[id] => 4
[cpfcnpj] => 41.940.146/0001-02
[nome_razsoc] => Restaurante Niazi
[endereco] => Rua Três, 1605
[bairro] => Centro
[logo] => niazi.png
[latitude] => -22.420120
[longitude] => -47.563747
)

[4] => Array
(
[id] => 5
[cpfcnpj] => 00.000.000/0001-00
[nome_razsoc] => Fernando Lanches
[endereco] => Av. Visc. de Rio Claro, 334
[bairro] =>
[logo] => fernando-lanches.png
[latitude] => -22.398627
[longitude] => -47.563587
)

[5] => Array
(
[id] => 6
[cpfcnpj] => 00.000.000/0001-00
[nome_razsoc] => Folks Lounge Gastro Bar
[endereco] => Av. 17, 825
[bairro] => Saúde
[logo] => folks.png
[latitude] => -22.413051
[longitude] => -47.560230
)

)

Eu preciso disso para pegar as coordenadas de certos estabelecimentos e colocar no google maps, e os dados de cada empresa para preencher o infowindow do google maps.

O código para printar as coordenas no google maps é esse: http://www.marnoto.com/2013/12/mapa-com-varios-marcadores-google-maps.html

Seguindo esse script os dados do markersData estão no BD

Compartilhar este post


Link para o post
Compartilhar em outros sites

Na chamada AJAX usa também o evento error para perceberes porque é que a chamada não está a ser feita correctamente.

A assinatura do evento é: function(jqXHR jqXHR, String textStatus, String errorThrown)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Acho o 'bicho' pra percorrer arrays no JavaScript é utilizando o json_encode...

Ex:

'dados.php':

<?php
//Criei um Mockzin, de dados poderia ser um retorno do DB xD...
//Algo como // SELECT id, nome, lat, lng FROM pessoas...
$dados = array(
	array(
		'id'  => '1'
		,'nome'=> 'Antoniét'
		,'lat' => '-23.604.360'
		,'lng' => '-46.633.474'
	)
	,array(
		'id'  => '2'
		,'nome'=> 'Johann Sebastian Bach'
		,'lat' => '-23.605.155'
		,'lng' => '-46.642.201'
	)
	,array(
		'id'  => '3'
		,'nome'=> 'Georg Friedrich'
		,'lat' => '-23.609.808'
		,'lng' => '-46.643.349'
	)
	,array(
		'id'  => '4'
		,'nome'=> 'Wolfgang Amadeus Mozart'
		,'lat' => '-23.612.099'
		,'lng' => '-46.640.644'
	)
	,array(
	 	'id' 	=> '5'
		,'nome' => 'Ludwig van Beethoven'
		,'lat'  => '-23.612.462'
		,'lng'  => '-46.638.062'
	)
);

header('Content-Type: application/json; charset=utf-8');
print json_encode($dados);


index.html:

<!DOCTYPE HTML>
<html lang="pt-BR">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<script type="text/javascript">
		var ajax = new XMLHttpRequest();
		ajax.open('GET', 'dados.php', true);
		ajax.send();
		
		ajax.onreadystatechange = function() {
			if(ajax.readyState == 4 && ajax.status == 200) {
				var pessoasJson = JSON.parse(ajax.responseText);

				for(x in pessoasJson){
					var pessoa = pessoasJson[x];

					/*
					'id'  => '1'
					,'nome'=> 'Antoniét'
					,'lat' => '-23.604.360'
					,'lng' => '-46.633.474'
					*/
					console.log(pessoa.id);
					console.log(pessoa.nome);
					console.log(pessoa.lat);
					console.log(pessoa.lng);
				}

			}
		}
	</script>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma dúvida de validação de INPUT com função moeda.
       
      Tenho um input onde o usuário digita um valor qualquer, por exemplo: 1.234,56
      o problema é quando precisa atualizar o valor.
       
      Quando o usuário atualizar o input fica assim: 1.234,
       
      como faço para atualizar as casas decimais, conforme o valor for sendo alterado ?
       
      o input está assim:
       
      <div class="col-md-2"> <label for="">Valor Unitário</label> <input type="text" class="form-control" id="estoqprod" name="estoqprod" style="font-size:15px; font-weight:bold; width:100%; text-align:center;" placeholder="0,00" OnKeyUp="calcProd();" onkeypress="return(FormataMoeda(this,'.',',',event))" > </div>  
      a função para formatar o input para moeda está assim:
      obs.: a Função CalcProd está executando corretamente
      function calcProd(){ //Obter valor digitado do produto var estoq_prod = document.getElementById("estoqprod").value; //Remover ponto e trocar a virgula por ponto while (estoq_prod.indexOf(".") >= 0) { estoq_prod = estoq_prod.replace(".", ""); } estoq_prod = estoq_prod.replace(",","."); //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Calcula o Valor do Desconto if (prod_qtde > 0 && estoq_prod > 0) { calc_total_produto = parseFloat(prod_qtde) - parseFloat(estoq_prod); var numero = calc_total_produto.toFixed(2).split('.'); //Calculo para não deixar GRAVAR valores negativos if (calc_total_produto < 0 ) { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.') * -1; document.getElementById("qtdeTotal").value = numero.join(','); } else { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("qtdeTotal").value = numero.join(','); } } else { if (estoq_prod > 0) { document.getElementById("qtdeTotal").value = document.getElementById("estoqprod").value; } else { document.getElementById("qtdeTotal").value = "0,00"; } } } /*---Função para Formatar Campo para Moeda [R$]---*/ function FormataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){ var sep = 0; var key = ''; var i = j = 0; var len = len2 = 0; var strCheck = '0123456789'; var aux = aux2 = ''; var whichCode = (window.Event) ? e.which : e.keyCode; if (whichCode == 13) return true; key = String.fromCharCode(whichCode); // Valor para o código da Chave if (strCheck.indexOf(key) == -1) return false; // Chave inválida len = objTextBox.value.length; for(i = 0; i < len; i++) if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break; aux = ''; for(; i < len; i++) if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i); aux += key; len = aux.length; if (len == 0) objTextBox.value = ''; if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux; if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux; if (len > 2) { aux2 = ''; for (j = 0, i = len - 3; i >= 0; i--) { if (j == 3) { aux2 += SeparadorMilesimo; j = 0; } aux2 += aux.charAt(i); j++; } objTextBox.value = ''; len2 = aux2.length; for (i = len2 - 1; i >= 0; i--) objTextBox.value += aux2.charAt(i); objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len); } return false; }  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma dúvida de validação de INPUT com função moeda.
       
      Tenho um input onde o usuário digita um valor qualquer, por exemplo: 1.234,56
      o problema é quando precisa atualizar o valor.
       
      Quando o usuário atualizar o input fica assim: 1.234,
       
      como faço para atualizar as casas decimais, conforme o valor for sendo alterado ?
       
      o input está assim:
       
      <div class="col-md-2"> <label for="">Valor Unitário</label> <input type="text" class="form-control" id="estoqprod" name="estoqprod" style="font-size:15px; font-weight:bold; width:100%; text-align:center;" placeholder="0,00" OnKeyUp="calcProd();" onkeypress="return(FormataMoeda(this,'.',',',event))" > </div>  
      a função para formatar o input para moeda está assim:
      obs.: a Função CalcProd está executando corretamente
      function calcProd(){ //Obter valor digitado do produto var estoq_prod = document.getElementById("estoqprod").value; //Remover ponto e trocar a virgula por ponto while (estoq_prod.indexOf(".") >= 0) { estoq_prod = estoq_prod.replace(".", ""); } estoq_prod = estoq_prod.replace(",","."); //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Calcula o Valor do Desconto if (prod_qtde > 0 && estoq_prod > 0) { calc_total_produto = parseFloat(prod_qtde) - parseFloat(estoq_prod); var numero = calc_total_produto.toFixed(2).split('.'); //Calculo para não deixar GRAVAR valores negativos if (calc_total_produto < 0 ) { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.') * -1; document.getElementById("qtdeTotal").value = numero.join(','); } else { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("qtdeTotal").value = numero.join(','); } } else { if (estoq_prod > 0) { document.getElementById("qtdeTotal").value = document.getElementById("estoqprod").value; } else { document.getElementById("qtdeTotal").value = "0,00"; } } } /*---Função para Formatar Campo para Moeda [R$]---*/ function FormataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){ var sep = 0; var key = ''; var i = j = 0; var len = len2 = 0; var strCheck = '0123456789'; var aux = aux2 = ''; var whichCode = (window.Event) ? e.which : e.keyCode; if (whichCode == 13) return true; key = String.fromCharCode(whichCode); // Valor para o código da Chave if (strCheck.indexOf(key) == -1) return false; // Chave inválida len = objTextBox.value.length; for(i = 0; i < len; i++) if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break; aux = ''; for(; i < len; i++) if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i); aux += key; len = aux.length; if (len == 0) objTextBox.value = ''; if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux; if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux; if (len > 2) { aux2 = ''; for (j = 0, i = len - 3; i >= 0; i--) { if (j == 3) { aux2 += SeparadorMilesimo; j = 0; } aux2 += aux.charAt(i); j++; } objTextBox.value = ''; len2 = aux2.length; for (i = len2 - 1; i >= 0; i--) objTextBox.value += aux2.charAt(i); objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len); } return false; }  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Desculpa postar minha dúvida, fiz várias pesquisa mas não tive sucesso.
       
      Como faço para capturar o ID do SELECT selecionado e passar para base_url ?
       
      Exemplo:
      após selecionar o ID passar para <?php echo base_url();?>estoque/ajuste/adicionar/ <== passar o ID aqui.
       
      <div class="col-md-6"> <label for="tipoDepart" class="control-label">Departamento:</label> <select name="tipoDepart" id="tipoDepart" style="width:100%;" class="form-control"> <option value="">Selecione um Departamento</option> <?php foreach ($dprts as $dp) { echo '<option value="'.$dp->idDepartamento.'">'.$dp->departamento.'</option>'; } ?> </select> </div> <div class="col-md-6"> <div class="card card-entrad"> <div class="card-header"> <label class="card-tlentr">Entrada - Estoque</label> </div> <div class="card-body"> <div style="text-align:center;"> <a href="<?php echo base_url();?>estoque/ajuste/adicionar/" <== COMO PASSO O ID SELECIONADO AQUI, PARA ABRIR A PÁGINA COM O ID DO DPTO ? class="btn btn-cinza">Adicionar</a> </div> </div> </div> </div>  
      Observação: preciso capturar e passar o ID para gerar TABELA referente a cada departamento.
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Tem como passar para o Formulário um Campo vindo via AJAX no formato moeda ?
       
      Tenho uma rotina onde o usuário escolhe através de uma Lista na modal de Produtos e o sistema informa o formulário os seguintes campos:
      código | descrição | espécie | estoque atual.
       
      o estoque atual preciso passar nesse formato, para validação de quantidade: 15.00 ou 15,00.
      ou seja:
      converter de: 15 
      para: 15.00 com casas decimais

      tem como fazer isso ?
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Tem como passar para o Formulário um Campo vindo via AJAX no formato moeda ?
       
      Tenho uma rotina onde o usuário escolhe através de uma Lista na modal de Produtos e o sistema informa o formulário os seguintes campos:
      código | descrição | espécie | estoque atual.
       
      o estoque atual preciso passar nesse formato, para validação de quantidade: 15.00 ou 15,00.

      tem como fazer isso ?
       
      Grato,
       
      Cesar
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.