Jump to content

POWERED BY:

Rengavitp

Problema ao gerar array bidimensional dinamicamente.

By Rengavitp, in Javascript

Recommended Posts

Rengavitp    0

Rengavitp
Posted

Boa noite pessoal!

 

Passei o dia hoje tentando gerar um array bidimensional dinamicamente e não to conseguindo, já testei de diversas formas mas sempre o mesmo resultado.

Na verdade quero adicionar pontos a um mapa (google maps) ai preciso preencher um array com descrição, latitude e longitude.

Se eu colocar ele estaitco, funciona. abaixo o exemplo: 

[
		  ['joao', -27.1473854, -48.5860981],
		  ['pedro', -27.1473792, -48.5860866],
		  ['jose', -27.1474019, -48.586126],
		  ['lucas', -27.1473818, -48.5860942]
		];

porém quando gero via codigo da sempre o erro undefined, ao conferir o resultado no console, parece igual ao estatico mas nao funciona.

Alguém pode me dar uma ajuda?

abaixo meu código:

  

function carregaPontos() {
	var pontos = [];
	$.ajax({
		method: "GET",
		url: "/mapa/pontosMapa/listar",
		success: function(response) {
			if (response.length > 0) {
				let rows = response.length;
				let columns = 3;

				// creating two-dimensional array
				for (let i = 0; i < rows; i++) {
					pontos[i] = [];
					for (let j = 0; j < columns; j++) {
						if (j === 0) {
							pontos[i][j] = response[i].operador;
						} else if (j === 1) {
							pontos[i][j] = parseFloat(response[i].latitude);
						} else if (j === 2) {
							pontos[i][j] = parseFloat(response[i].longitude);
						}

					}
				}
				console.log(pontos);
				return pontos;
			}
		},
		error: function(jqXHR) {
			alert('Erro ' + jqXHR.status + " Não foi possível carregar os pontos!");
		}
	})
}

 

Share this post

Link to post
Share on other sites

Omar~    87

Omar~
Posted

O ideal é que você faça isso e nos poste o resultado no console:

console.log(response)

 

Pois é com essa informação que podemos analisar como a coisa deve ser gerada.

Aparentemente a resposta é algum objeto, mas teria que vê-lo para responder corretamente.

 

 

Share this post

Link to post
Share on other sites

Frank K Hosaka    0

Frank K Hosaka
Posted

Isso daí é bem difícil, eu também não estou conseguindo.

Mudei o url para 

  

url: "listar.php",

e criei um arquivo listar.php com isso  

['joao', -27.1473854, -48.5860981]

o comando response.length devolve todo o tamanho da string, quando acredito que o ideal era contar os arrays que contém o response. Para o JavaScript entender que o response é um conjunto de array, tentei usar a função response=response.split(",").

 

Mas o grande abacaxi é a montagem do array. Lá tem coisa do tipo  

response[i].operador;

ou seja, o response é tratado como se fosse um json e não um array. Eu fiquei perdido, espero que você tenha mais sorte.

Share this post

Link to post
Share on other sites

Frank K Hosaka    0

Frank K Hosaka
Posted

Consegui fazer o código funcionar, criei dois arquivos no mesmo diretório: 

 

listar.json 

[{"operador":"joao", "latitude":-27.1473854, "longitude":-48.5860981},
{"operador":"pedro", "latitude":-27.1473792, "longitude":-48.5860866},
{"operador":"jose", "latitude":-27.1474019,"longitude":-48.586126},
{"operador":"lucas", "latitude":-27.1473818, "longitude":-48.5860942}]

astudy.html 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>
function carregaPontos() {
	var pontos = [];
	$.ajax({
	method: "GET",
	url: "listar.json",
    dataType:'json',
	success: function(response) {
	if (response.length > 0) {
		let rows = response.length;
		let columns = 3; console.log(rows)
		// creating two-dimensional array
		for (let i = 0; i < rows; i++) {
			pontos[i] = [];
			for (let j = 0; j < columns; j++) {
			if (j === 0) {
			pontos[i][j] = response[i].operador;
			} else if (j === 1) {
			pontos[i][j] = parseFloat(response[i].latitude);
			} else if (j === 2) {
			pontos[i][j] = parseFloat(response[i].longitude);}}}
		console.log(pontos);
		return pontos;}	},
	error: function(jqXHR) {
		alert('Erro ' + jqXHR.status + 
        " Não foi possível carregar os pontos!");}})}
</script>
<body onload=carregaPontos()>

Só alterei a URL e acrescentei o dataType.
 

 

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Go To Topic Listing Javascript

  • Similar Content

    • luiz monteiro
      Evitar que o navegador limpe os campos de input quando a guia perde o foco
      By luiz monteiro
      Olá.
      Estou atualizando meu conhecimento com Front-End e me deparei com o seguinte problema.
      Criei um sistema para fazer o upload de imagens e alguns campos text.
      Algo bem simples para depois começar a estudar javascript para mostrar a miniatura....
      Mas quando saio do navegador Chrome ou da aba por mais de 3 minutos, ao retornar o navegador as vezes atualiza ou nem chega atualizar mas limpa os campos.
      Estou usando um Smart Motorola com Android, mas um amigo testou no iPhone e acontece a mesma coisa.
      Gostaria de saber se há como usar javascript para evitar isso?
      Agradeço desde já.

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>Uploader</title>
      </head>
      <body>
          <form action="?" method="post" enctype="multipart/form-data">
              <br><br>
              <div>selecione a imagem 1</div>
              <input type="file" name="foto1" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem1">
              
              <br><br>
              <input type="file" name="foto2" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem2">
              
              <br><br>

              <input type="file" name="foto3" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem3">
              
              <br><br>
              <input type="submit" value="Enviar">
              <br><br>
          </form>
      <?php
      if ($_SERVER['REQUEST_METHOD'] == 'POST')
      {
          vardump ($_FILES);
      }
      ?>
      </body>
      </html>
       
       
       
    • belann
      Navbar no Nextjs
      By belann
      Olá!
       
      Estou usando o nextjs versão 15.2.3 e criei uma navbar que quando é carregado o programa aparece com a home, mas na hora de clicar na página produtos desaparece a navbar.
      A navbar esta sendo chamada no layout.tsx estou usando typescript
      e fica dessa forma
      <div>           <Navbar/>             <main>{children}</main>             </div>  
    • violin101
      Javascript - Calcular Valores Monetário em Tempo Real
      By violin101
      Caros amigos, saudações.

      Estou com uma dúvida, referente cálculo de valores em tempo real.

      Tenho uma rotina, que faz o cálculo, o problema é mostrar o resultado.

      Quero mostrar o RESULTADO assim: 0,00  ou  0.00

      Abaixo posto o código.
      jQuery('input').on('keyup',function(){ //Remover ponto e trocar a virgula por ponto var m = document.getElementById("pgRest").value; while (m.indexOf(".") >= 0) { m = m.replace(".", ""); } m = m.replace(",","."); //Remover ponto e trocar a virgula por ponto var j = document.getElementById("pgDsct").value; while (j.indexOf(".") >= 0) { j = j.replace(".", ""); } j = j.replace(",","."); m = parseFloat(jQuery('#pgRest').val() != '' ? jQuery('#pgRest').val() : 0); j = parseFloat(jQuery('#pgDsct').val() != '' ? jQuery('#pgDsct').val() : 0); //Mostra o Resultado em Tempo Real jQuery('#pgTroco').val(m - j); <<=== aqui estou errando })  
       
      Grato,
       
      Cesar
       
       
    • violin101
      [Resolvido] JavaScript - Exibir logo dentro da Tabela html
      By violin101
      Caro amigos, saudações.

      Tenho uma tabela escrita em JS que funciona corretamente.
       
      Minha dúvida:
      - como devo fazer para quando a Tabela HTML estiver vazia, exibir o LOGO da Empresa ?

      Abaixo posto o script:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'i' ) return;// Não é Ctrl+A, portanto interrompemos o script evt.preventDefault(); //Chama a Função Calcular Qtde X Valor Venda calcvda(); var idProdutos = document.getElementById("idProdutos").value; var descricao = document.getElementById("descricao").value; var prd_unid = document.getElementById("prd_unid").value; var estoque_atual = document.getElementById("estoque_atual").value; var qtde = document.getElementById("qtde").value; var vlrunit = document.getElementById("vlrunit").value; var vlrtotals = document.getElementById("vlrtotal").value; var vlrtotal = vlrtotals.toLocaleString('pt-br', {minimumFractionDigits: 2}); if(validarConsumo(estoque_atual)){ //Chama a Modal com Alerta. $("#modal_qtdemaior").modal(); } else { if(qtde == "" || vlrunit == "" || vlrtotal == ""){ //Chama a Modal com Alerta. $("#modal_quantidade").modal(); } else { //Monta a Tabela com os Itens html = "<tr style='font-size:13px;'>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='id_prds[]' value='"+idProdutos+"'>"+idProdutos+"</td>"; html += "<td width='47%' height='10'>"+ "<input type='hidden' name='descricao[]' value='"+descricao+"'>"+descricao+ "<input type='hidden' name='esp[]' value='"+prd_unid+"'> - ESP:"+prd_unid+ "<input type='hidden' name='estoq[]' value='"+estoque_atual+"'></td>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='qtde[]' value='"+qtde+"'>"+qtde+"</td>"; html += "<td width='12%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrunit[]' value='"+vlrunit+"'>"+vlrunit+"</td>"; html += "<td width='14%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrtotal[]' value='"+vlrtotal+"'>"+vlrtotal+"</td>"; html += "<td width='12%' height='10' style='text-align:center;'>"+ "<button type='button' class='btn btn-uvas btn-remove-produto' style='margin-right:1%; padding:1px 3px; font-size:12px;' title='Remover Item da Lista'>"+ "<span class='fa fa-minus' style='font-size:12px;'></span></button></td>"; html += "</tr>"; $("#tbventas tbody").append(html); //Função para Somar os Itens do Lançamento somar(); $("#idProdutos").val(null); $("#descricao").val(null); $("#prd_unid").val(null); $("#qtde").val(null); $("#vlrunit").val(null); $("#vlrtotal").val(null); $("#idProdutos").focus(); //Se INCLUIR NOVO produto - Limpa a Forma de Pagamento $("#pgSoma").val(null); $("#pgRest").val(null); $("#pgDsct").val(null); $("#pgTroco").val(null); $("#tbpagar tbody").empty(); }//Fim do IF-qtde }//Fim do Validar Consumo });//Fim da Função btn-agregar  
      Grato,

      Cesar
       
    • violin101
      Javascript - Passar Parâmetros para uma Função.
      By violin101
      Caros amigos, saudações.

      Estou com uma pequena dúvida se é possível ser realizado.

      Preciso passar 2 IDs para o Sistema executar a função, estou utilizando desta forma e gostaria de saber como faço via JS para passar os parâmetro que preciso.

      Observação:
      Dentro da TABELA utilizei 2 Forms, para passar os IDS que preciso, funcionou conforme código abaixo.
      <div class="card-body"> <table id="tab_clie" class="table table-bordered table-hover"> <thead> <tr> <th style="text-align:center; width:10%;">Pedido Nº</th> <th style="text-align:center; width:10%;">Data Pedido</th> <th style="text-align:center; width:32%;">Fornecedor</th> <th style="text-align:center; width:10%;">Status</th> <th style="text-align:center; width:5%;">Ação</th> </tr> </thead> <tbody> <?php foreach ($results as $r) { $dta_ped = date(('d/m/Y'), strtotime($r->dataPedido)); switch ($r->pd_status) { case '1': $status = '&nbsp;&nbsp;Aberto&nbsp;&nbsp;'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#000000'; //Cor: Preta break; case '2': $status = 'Atendido Total'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#086108'; //Cor: Verde break; case '3': $status = 'Atendido Parcial'; $txt = '#000000'; //Cor: Branco $cor = '#FEA118'; //Cor: Amarelo break; default: $status = 'Cancelado'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#D20101'; //Cor: Vermelho break; } echo '<tr>'; echo '<td width="10%" height="10" style="text-align:center;">'.$r->pd_numero.'</td>'; echo '<td width="10%" height="10" style="text-align:center;">'.$dta_ped.'</td>'; echo '<td width="32%" height="10" style="text-align:left;">'.$r->nome.'</td>'; echo '<td width="10%" height="10" style="text-align:left;"><span class="badge" style="color:'.$txt.'; background-color:'.$cor.'; border-color:'.$cor.'">'.$status.'</span></td>'; echo '<td width="5%" style="text-align:center;">'; ?> <div class="row"> <?php if($this->permission->checkPermission($this->session->userdata('permissao'), 'vPedido')){ ?> <form action="<?= base_url() ?>compras/pedidos/visualizar" method="POST" > <input type="hidden" name="idPedido" value="<?php echo $r->idPedidos; ?>"> <input type="hidden" name="nrPedido" value="<?php echo $r->pd_numero; ?>"> <button class="btn btn-warning" title="Visualizar" style="margin-left:50%; padding: 1px 3px;"><i class="fa fa-search icon-white"></i></button> </form> <?php } if($this->permission->checkPermission($this->session->userdata('permissao'), 'ePedido')){ ?> <form action="<?= base_url() ?>compras/pedidos/editar" method="POST" > <input type="hidden" name="idPedido" value="<?php echo $r->idPedidos; ?>"> <input type="hidden" name="nrPedido" value="<?php echo $r->pd_numero; ?>"> <button class="btn btn-primary" title="Editar" style="margin-left:50%; padding: 1px 3px;"><i class="fa fa-edit icon-white"></i></button> </form> <?php } ?> </div> <?php echo '</td>'; echo '</tr>'; } ?> </tbody> </table> </div>
      Grato,

      Cesar.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.

  I accept